@font-face {
  font-family: 'fontello';
  src: url('/images/fontello.woff');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'whitney-book';
  src: url('/images/WhitneyHTF-Book.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'whitney-semibold';
  src: url('/images/WhitneyHTF-SemiBoldSC.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'hoefler-titling';
  src: url('/images/HoeflerTitling-HTF-LtRoman.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'hoefler-titling-swash';
  src: url('/images/HoeflerTitling-HTF-BdSwash.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'hoefler-text-italic';
  src: url('/images/HoeflerText-RegularItalic.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'hoefler-titling-LtSC';
  src: url('/images/HoeflerTitling-HTF-LtSC.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'hoefler-text';
  src: url('/images/HoeflerText-Roman.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'whitney-medium';
  src: url('/images/WhitneyHTF-Medium.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'gotham-medium';
  src: url('/images/GothamHTF-Medium.otf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'lato-bold';
  src: url('/images/Lato-Bol.ttf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'lato-regular';
  src: url('/images/Lato-Reg.ttf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'lato-light';
  src: url('/images/Lato-Lig.ttf');
  font-weight: 'normal';
  font-style: normal;
  font-stretch: normal; }

.fa-reply:before {
  font-family: 'fontello';
  content: '\e800'; }

.fa-flag:before {
  font-family: 'fontello';
  content: '\e801'; }

.fa-link:before {
  font-family: 'fontello';
  content: '\e802'; }

.fa-ok:before {
  font-family: 'fontello';
  content: '\e803'; }

.fa-print:before {
  font-family: 'fontello';
  content: '\e804'; }

.fa-expand:before {
  font-family: 'fontello';
  content: '\e805'; }

.fa-pencil:before {
  font-family: 'fontello';
  content: '\e806'; }

.fa-newspaper:before {
  font-family: 'fontello';
  content: '\e807'; }

.fa-resizesmall:before {
  font-family: 'fontello';
  content: '\e809'; }

.fa-cog:before {
  font-family: 'fontello';
  content: '\e808'; }

.fa-art_doc:before {
  font-family: 'fontello';
  content: '\e80a'; }

.fa-graph:before {
  font-family: 'fontello';
  content: '\e80c'; }

.fa-bookmark:before {
  font-family: 'fontello';
  content: '\e80b'; }

.fa-reviews:before {
  font-family: 'fontello';
  content: '\e80d'; }

.fa-savehighlight:before {
  font-family: 'fontello';
  content: '\e80e'; }

.fa-star:before {
  font-family: 'fontello';
  content: '\e80f'; }

.fa-collaborators1:before {
  font-family: 'fontello';
  content: '\e810'; }

.fa-bookmark-tall:before {
  font-family: 'fontello';
  content: '\e811'; }

.fa-create-new:before {
  font-family: 'fontello';
  content: '\e812'; }

.fa-pencil2:before {
  font-family: 'fontello';
  content: '\e813'; }

.fa-database:before {
  font-family: 'fontello';
  content: '\e814'; }

.fa-globe:before {
  font-family: 'fontello';
  content: '\e815'; }

.fa-collaborators2:before {
  font-family: 'fontello';
  content: '\e816'; }

.fa-images:before {
  font-family: 'fontello';
  content: '\e817'; }

.fa-collapse:before {
  font-family: 'fontello';
  content: '\e818'; }

.fa-selection:before {
  font-family: 'fontello';
  content: '\e819'; }

.fa-user:before {
  font-family: 'fontello';
  content: '\e81a'; }

.fa-search:before {
  font-family: 'fontello';
  content: '\e81b'; }

.fa-discussion:before {
  font-family: 'fontello';
  content: '\e81c'; }

.fa-sesame-seeds:before {
  font-family: 'fontello';
  content: '\e81d'; }

.fa-eye:before {
  font-family: 'fontello';
  content: '\e81e'; }

.fa-close:before {
  font-family: 'fontello';
  content: '\e81f'; }

html, body {
  height: 100%;
  width: 100%;
  font-family: 'whitney-medium';
  overflow: hidden;
  background-color: #f6f6f6;
  -webkit-font-smoothing: antialiased; }

html body h1, html body h2, html body h3, html body h4, html body h5, html body p, html body ul {
  margin: 0px;
  padding: 0px;
  font-family: 'whitney-semibold';
  font-weight: normal; }

md-progress-linear.md-default-theme .md-bar {
  background-color: #1db259; }

md-progress-linear.md-default-theme .md-container {
  background-color: transparent; }

span.accent {
  color: #1db259; }

body {
  min-width: 981px; }
  body div.header-bar {
    height: 50px;
    width: 100%;
    background-color: #4A4A4A;
    position: relative; }
    body div.header-bar a {
      text-decoration: none;
      color: #AEA9A0;
      transition: .1s linear color; }
      body div.header-bar a:hover {
        color: #A7DB91;
        cursor: pointer; }
    body div.header-bar div.left-side {
      float: left;
      width: 20%; }
      body div.header-bar div.left-side div.logo, body div.header-bar div.left-side div.search-box {
        float: left;
        padding: 0px 10px;
        height: 100%;
        line-height: 54px;
        font-size: 20px;
        color: #AEA9A0;
        transition: .1s linear color; }
        body div.header-bar div.left-side div.logo:hover, body div.header-bar div.left-side div.search-box:hover {
          color: #A7DB91;
          cursor: pointer; }
      body div.header-bar div.left-side div.logo {
        font-family: 'hoefler-text';
        height: 100%;
        width: 80px;
        cursor: pointer;
        font-size: 12px;
        padding-left: 5px;
        text-align: left;
        line-height: 40px;
        margin: 0 auto;
        float: left;
        padding: 5px;
        color: #AEA9A0;
        transition: .1s linear color; }
        body div.header-bar div.left-side div.logo span.first-letter {
          font-size: 36px;
          margin-right: -8px;
          font-family: 'hoefler-titling-swash'; }
        body div.header-bar div.left-side div.logo:hover {
          color: #A7DB91;
          cursor: pointer; }
          body div.header-bar div.left-side div.logo:hover div.box {
            border-color: #A7DB91; }
        body div.header-bar div.left-side div.logo div.box {
          font-family: 'gotham-medium';
          font-size: 15px;
          line-height: 15px;
          border: 1px solid #AEA9A0;
          transition: .1s linear border-color;
          text-align: center;
          margin-left: 5px;
          height: 40px;
          width: 40px;
          padding-top: 4px; }
      body div.header-bar div.left-side div.search-box {
        float: right;
        width: calc(100% - 80px);
        padding-right: 0px;
        position: relative; }
        body div.header-bar div.left-side div.search-box:hover {
          color: #AEA9A0;
          cursor: auto; }
        body div.header-bar div.left-side div.search-box div.search-bar {
          width: 100%;
          cursor: auto;
          height: calc(100% - 10px);
          padding: 0px;
          padding-right: 20px;
          margin-bottom: 10px; }
          body div.header-bar div.left-side div.search-box div.search-bar md-autocomplete {
            background-color: transparent;
            box-shadow: 0px 0px 0px black;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
            body div.header-bar div.left-side div.search-box div.search-bar md-autocomplete input {
              color: #AEA9A0;
              padding-top: 20px;
              font-size: 14px; }
            body div.header-bar div.left-side div.search-box div.search-bar md-autocomplete md-icon {
              display: none; }
            body div.header-bar div.left-side div.search-box div.search-bar md-autocomplete ul {
              z-index: 600;
              width: 300px;
              font-family: 'whitney-book'; }
              body div.header-bar div.left-side div.search-box div.search-bar md-autocomplete ul li {
                font-size: 16px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
                body div.header-bar div.left-side div.search-box div.search-bar md-autocomplete ul li.selected {
                  background-color: #d1d1d1; }
                body div.header-bar div.left-side div.search-box div.search-bar md-autocomplete ul li:hover {
                  background-color: #d1d1d1; }
        body div.header-bar div.left-side div.search-box span.icon {
          position: absolute;
          right: 8px;
          bottom: -5px; }
    body div.header-bar div.right-side {
      float: right;
      opacity: 0;
      transition: .2s linear opacity;
      width: 20%; }
      body div.header-bar div.right-side.render {
        opacity: 1; }
      body div.header-bar div.right-side div.top-button {
        float: right;
        padding: 0px 10px;
        height: 100%;
        line-height: 54px;
        font-size: 20px;
        color: #AEA9A0;
        transition: .1s linear color; }
        body div.header-bar div.right-side div.top-button:hover {
          color: #A7DB91;
          cursor: pointer; }
        body div.header-bar div.right-side div.top-button span.login-text-button {
          font-size: 16px; }
      body div.header-bar div.right-side div.language {
        position: relative;
        z-index: 2; }
        body div.header-bar div.right-side div.language div.language-dropdown {
          pointer-events: none;
          clear: both;
          opacity: 0;
          z-index: 2;
          position: absolute;
          top: 47px;
          right: 0px;
          transition: .1s linear opacity;
          border: 1px solid #AEA9A0;
          background: #f6f6f6;
          padding: 10px;
          box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
          body div.header-bar div.right-side div.language div.language-dropdown ul.dropdown {
            list-style: none;
            font-family: 'whitney-book'; }
            body div.header-bar div.right-side div.language div.language-dropdown ul.dropdown a {
              text-decoration: none;
              color: #AEA9A0; }
            body div.header-bar div.right-side div.language div.language-dropdown ul.dropdown li {
              text-align: right;
              padding: 5px 15px;
              color: #6F6A68;
              background: #f6f6f6;
              transition: .1s linear background-color;
              font-size: 18px;
              line-height: 20px; }
              body div.header-bar div.right-side div.language div.language-dropdown ul.dropdown li.active {
                color: #1db259; }
              body div.header-bar div.right-side div.language div.language-dropdown ul.dropdown li:hover {
                background-color: rgba(0, 0, 0, 0.1);
                cursor: pointer; }
          body div.header-bar div.right-side div.language div.language-dropdown:after, body div.header-bar div.right-side div.language div.language-dropdown:before {
            bottom: 100%;
            left: calc(100% - 18px);
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          body div.header-bar div.right-side div.language div.language-dropdown:after {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #f6f6f6;
            border-width: 7px;
            margin-left: -7px; }
          body div.header-bar div.right-side div.language div.language-dropdown:before {
            border-color: rgba(194, 225, 245, 0);
            border-bottom-color: #AEA9A0;
            border-width: 9px;
            margin-left: -9px; }
        body div.header-bar div.right-side div.language:hover div.language-dropdown {
          opacity: 1;
          pointer-events: auto; }
  body div.content-area {
    height: calc(100% - 50px); }
    body div.content-area div.left-bar, body div.content-area div.content-bar {
      float: left; }
    body div.content-area div.left-bar {
      height: 100%;
      width: 20%;
      overflow: scroll;
      overflow-x: hidden;
      background-color: #f6f6f6;
      color: #6F6A68;
      margin-left: 0%;
      transition: 0.3s linear margin-left, 0.3s linear width, 0.3s linear min-width; }
    body div.content-area div.content-bar {
      height: 100%;
      width: 80%;
      background-color: #fff;
      color: #2C2C2C;
      overflow: scroll;
      overflow-x: hidden;
      border-radius: 2px;
      transition: 0.3s linear width; }
  body md-sidenav {
    z-index: 99999; }
    body md-sidenav md-toolbar.md-default-theme {
      background-color: #4A4A4A;
      color: #AEA9A0; }
    body md-sidenav div.sidebar-content {
      padding: 10px; }
      body md-sidenav div.sidebar-content hr {
        margin: 20px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.26); }
      body md-sidenav div.sidebar-content form {
        position: relative; }
      body md-sidenav div.sidebar-content a {
        text-decoration: none; }
      body md-sidenav div.sidebar-content div.forgot-password {
        color: #AFAAA8;
        position: absolute;
        bottom: 46px;
        right: 2px;
        font-size: 12px; }
        body md-sidenav div.sidebar-content div.forgot-password:hover {
          color: #1db259; }
    body md-sidenav md-progress-linear {
      position: absolute;
      bottom: 0px; }
  body md-backdrop.md-sidenav-backdrop {
    z-index: 9999; }

div.form-error {
  color: red;
  font-size: 14px;
  width: 60%;
  margin-top: 10px;
  float: right; }

div.button, .primary-button, input.button, span.button {
  border: 0;
  background-color: #DADADA;
  margin: 5px;
  text-align: center;
  border-radius: 2px;
  position: relative;
  font-weight: 700;
  color: #666;
  padding: 5px 15px;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  transition: .1s linear background-color; }
  div.button:hover, .primary-button:hover, input.button:hover, span.button:hover {
    cursor: pointer;
    color: #1db259; }
  div.button:active, .primary-button:active, input.button:active, span.button:active {
    top: 1px; }
  div.button.primary-button, .primary-button.primary-button, input.button.primary-button, span.button.primary-button {
    background-color: #dadada;
    color: #666; }
    div.button.primary-button:hover, .primary-button.primary-button:hover, input.button.primary-button:hover, span.button.primary-button:hover {
      color: #1db259; }

md-input-container.md-default-theme label {
  color: rgba(0, 0, 0, 0.5); }
md-input-container.md-default-theme input.md-input {
  border-color: rgba(0, 0, 0, 0.3); }

div.beta-splash {
  width: 100%;
  height: 100%;
  background-color: #1db259;
  background-image: url(/images/newBG.png);
  background-size: cover; }
  div.beta-splash h1 {
    color: white;
    text-align: center;
    font-size: 60px; }
  div.beta-splash h2 {
    text-align: center;
    font-size: 18px; }
  div.beta-splash p {
    padding-top: 40px;
    width: 60%;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    line-height: 24px;
    text-align: justify; }
  div.beta-splash form {
    width: 50%;
    margin: 0 auto; }
    div.beta-splash form label {
      font-size: 20px; }
    div.beta-splash form input {
      border-color: transparent !important;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 2px;
      height: 40px;
      font-size: 22px;
      text-align: center;
      font-weight: bold;
      color: rgba(63, 63, 63, 0.87) !important; }

div.content-area div.landing-pane div.left-bar {
  width: 0%; }
div.content-area div.landing-pane div.content-bar {
  width: 100%;
  overflow: visible; }
div.content-area div.landing-pane div.content-bar div.landing-content {
  height: 100%;
  width: 100%;
  overflow: scroll;
  overflow-x: hidden; }
  div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold {
    height: 100%;
    width: 100%;
    background-color: #A7DB91;
    color: white;
    padding-top: 50px;
    position: relative; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content {
      padding-left: 50px;
      overflow: hidden;
      float: left;
      width: calc(100% - 30%);
      height: 100%; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content h1 {
        font-family: 'gotham-medium';
        font-size: 6vw;
        margin-bottom: 50px; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content h2 {
        font-family: 'whitney-book';
        font-size: 4vw; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content div.show-me-science {
        width: 50%;
        height: 100px;
        padding: 0px;
        margin-top: 100px;
        display: block;
        box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.25);
        transition: .1s linear box-shadow; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content div.show-me-science a {
          text-decoration: none;
          color: #8F8A88;
          transition: .1s linear color;
          background-color: white; }
          div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content div.show-me-science a h3 {
            background-color: white;
            width: 100%;
            height: 100%;
            line-height: 100px;
            border-radius: 4px;
            text-align: center;
            font-size: 25px; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content div.show-me-science:hover {
          box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.45); }
        div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.left-content div.show-me-science:active {
          position: relative;
          top: 1px; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content {
      float: right;
      width: 30%; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub {
        width: 100%;
        height: calc(100% - 50px - 30px);
        background-color: white;
        box-shadow: 0px 0px 0px transparent;
        transition: .4s linear box-shadow;
        overflow: hidden; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub.withshadow {
          box-shadow: -10px 27px 24px 0 rgba(0, 0, 0, 0.2); }
        div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted {
          background-color: #E4E4E1; }
          div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted.header {
            height: 60px;
            height: 5.3vh;
            margin: .4vh 3.7vh;
            margin-right: 0px;
            width: calc(80% - 3.7vh); }
            div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted.header:first-of-type {
              width: calc(100% - 3.7vh);
              margin-top: 3.5vh;
              height: 5.3vh; }
          div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted.authors {
            height: 1.67vh;
            height: 1.8vh;
            margin: 1.25vh 3.7vh;
            margin-right: 0px;
            width: calc(70% - 7.4vh); }
          div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted.abstract {
            height: 0.85vh;
            margin: .33vh 3.7vh;
            margin-right: 0px;
            width: calc(100% - 3.7vh); }
          div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted.spacer {
            height: 3.7vh;
            height: 4.2vh;
            background-color: transparent;
            background: none; }
          div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted.body {
            height: 0.85vh;
            margin: .33vh 3.7vh;
            margin-right: 0px;
            width: calc(40% - 3.7vh);
            float: left; }
            div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.right-content div.fake-pub div.redacted.body:nth-of-type(odd) {
              width: calc(60% - 3.7vh); }
    div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.down-arrow {
      position: absolute;
      bottom: 0px;
      font-size: 70px;
      width: 100%;
      text-align: center;
      height: 50px;
      line-height: 80px;
      font-family: 'hoefler-text';
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      color: rgba(255, 255, 255, 0.5); }
    div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.beta-form {
      width: 100%;
      margin-top: 40px; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.beta-form form {
        width: 50%;
        margin: 0 0; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.beta-form form label {
          font-size: 20px; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.beta-form form input {
          border-color: transparent !important;
          background-color: rgba(0, 0, 0, 0.2);
          border-radius: 2px;
          height: 40px;
          font-size: 22px;
          text-align: center;
          font-weight: bold;
          color: rgba(63, 63, 63, 0.87) !important; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.above-fold div.beta-form p {
        margin-top: -30px;
        padding-left: 3px;
        margin-bottom: 20px;
        font-family: 'whitney-medium';
        font-size: 20px; }
  div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section {
    width: 100%; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.light1 {
      background-color: #f6f6f6; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.light2 {
      background-color: #EFEFEF; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.light3 {
      background-color: #E5E5E5; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.green {
      background-color: #A7DB91; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.green h2, div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.green h3, div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.green h4 {
        color: white; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section h2 {
      padding: 10px 50px;
      font-family: 'gotham-medium';
      font-size: 5vw; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section h3 {
      font-size: 2.5vw; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section div.section-content {
      width: 100%;
      padding: 20px 80px; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section div.section-content:after {
        content: "";
        display: table;
        clear: both; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column {
      width: calc(100% / 3);
      float: left;
      overflow: hidden;
      padding: 2vw; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column a {
        text-decoration: none;
        color: #6F6A68; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column h3 {
        margin-bottom: 20px;
        font-family: 'gotham-medium'; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column h4 {
        font-family: 'whitney-medium';
        font-size: 1.6vw;
        padding-left: 10px;
        padding-right: 10px;
        color: #4F4A48; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column p {
        font-family: 'hoefler-text';
        font-size: 1.2vw;
        line-height: 1.4vw;
        padding-left: 30px;
        padding-right: 10px;
        padding-top: 10px;
        text-align: justify; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column.tiles div.tile {
        width: calc(100% / 3);
        float: left;
        padding: .5vw; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column.tiles div.tile img {
          width: 100%;
          margin: 0 auto;
          display: block; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column div.explore-pub, div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column div.explore-user, div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column div.explore-group {
        background-color: transparent;
        transition: .15s linear background-color;
        border-radius: 2px; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column div.explore-pub:hover, div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column div.explore-user:hover, div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column div.explore-group:hover {
          background-color: rgba(167, 219, 145, 0.7); }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.explore div.explore-column div.explore-pub {
        padding-top: 10px;
        padding-bottom: 20px; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.about md-content {
      background-color: transparent;
      margin: 0; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.about md-content md-card {
        box-shadow: 0 0;
        padding: 1vw; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.about md-content md-card h3 {
          text-align: center;
          height: 3.2vw;
          font-size: 1.7vw;
          line-height: 1.6vw;
          padding: 0;
          margin-top: 10px;
          margin-bottom: 10px;
          text-transform: uppercase; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.about md-content md-card p {
          padding-top: 10px;
          color: #2C2C2C;
          text-align: center;
          font-size: 1.3vw;
          line-height: 1.3vw;
          height: 6.5vw;
          font-weight: 700; }
        div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.about md-content md-card img {
          width: 98%;
          margin: 0 auto;
          border: 1px solid rgba(0, 0, 0, 0.6); }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.manifesto ol {
      padding-bottom: 1vw;
      padding-left: 7vw;
      margin: 0; }
      div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.section.manifesto ol li {
        font-size: 1.7vw;
        font-family: 'Courier'; }
  div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.footer {
    background-color: #D8D8D8;
    height: 3vw; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.footer p {
      text-align: center;
      line-height: 3vw;
      font-size: 1.3vw; }
    div.content-area div.landing-pane div.content-bar div.landing-content div.below-fold div.footer a {
      color: #1db259;
      text-decoration: none; }

div.profile-pane {
  font-family: 'whitney-book'; }
  div.profile-pane div.upload-image-panel {
    width: 350px;
    position: relative; }
    div.profile-pane div.upload-image-panel:after {
      content: "";
      display: table;
      clear: both; }
    div.profile-pane div.upload-image-panel img.current-img {
      width: 40px;
      margin-right: 10px;
      float: left;
      border-radius: 2px; }
    div.profile-pane div.upload-image-panel div.choose-cancel-button {
      width: 300px;
      height: 40px;
      position: relative;
      float: left; }
      div.profile-pane div.upload-image-panel div.choose-cancel-button div.choose-button {
        width: 100%;
        height: 100%;
        position: relative; }
        div.profile-pane div.upload-image-panel div.choose-cancel-button div.choose-button input {
          width: 100%;
          height: 100%;
          display: block;
          cursor: pointer;
          opacity: 0; }
        div.profile-pane div.upload-image-panel div.choose-cancel-button div.choose-button div.primary-button {
          position: absolute;
          top: 0;
          left: 0;
          margin: 0px;
          pointer-events: none;
          width: 100%;
          height: 100%;
          padding: 0px; }
        div.profile-pane div.upload-image-panel div.choose-cancel-button div.choose-button:hover div.primary-button {
          color: #1db259; }
        div.profile-pane div.upload-image-panel div.choose-cancel-button div.choose-button:active div.primary-button {
          top: 1px; }
      div.profile-pane div.upload-image-panel div.choose-cancel-button div.primary-button {
        width: 100% !important;
        height: 100% !important;
        margin: 0px;
        position: absolute;
        top: 0;
        left: 0; }
    div.profile-pane div.upload-image-panel div.upload-mode-wrapper {
      z-index: 100;
      position: absolute;
      background-color: white;
      border: 1px solid rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.26);
      width: 300px;
      margin-left: 50px;
      overflow: hidden;
      height: 0px;
      top: 0px;
      opacity: 0;
      transition: .2s ease-in-out height, .2s ease-in-out top, 0s ease-in-out opacity .2s; }
      div.profile-pane div.upload-image-panel div.upload-mode-wrapper.show {
        top: -202px;
        height: 202px;
        opacity: 1;
        transition: .2s ease-in-out height, .2s ease-in-out top, 0s ease-in-out opacity; }
      div.profile-pane div.upload-image-panel div.upload-mode-wrapper .cropArea {
        background: #E4E4E4;
        overflow: hidden;
        width: 200px;
        height: 200px;
        float: left; }
      div.profile-pane div.upload-image-panel div.upload-mode-wrapper div.cropped-image {
        width: 98px;
        float: left; }
        div.profile-pane div.upload-image-panel div.upload-mode-wrapper div.cropped-image img {
          width: 90%;
          margin: 0 auto;
          display: block;
          padding: 5px; }
      div.profile-pane div.upload-image-panel div.upload-mode-wrapper div.primary-button {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 10px !important;
        clear: both; }
      div.profile-pane div.upload-image-panel div.upload-mode-wrapper md-progress-linear {
        clear: both;
        position: relative;
        top: -10px; }
  div.profile-pane div.update-single:after {
    content: "";
    display: table;
    clear: both; }
  div.profile-pane div.update-single md-input-container {
    float: left;
    width: 50%;
    height: 79px; }
    div.profile-pane div.update-single md-input-container input {
      border: 1px solid rgba(0, 0, 0, 0.3); }
  div.profile-pane div.update-single div.primary-button {
    float: left;
    position: relative;
    top: 15px;
    height: 33px !important;
    line-height: 31px !important;
    left: -3px; }
    div.profile-pane div.update-single div.primary-button:active {
      top: 3px; }
    div.profile-pane div.update-single div.primary-button:hover {
      color: #1db259; }
  div.profile-pane div.left-bar {
    font-family: 'whitney-book';
    position: relative; }
    div.profile-pane div.left-bar div.profile {
      height: 100%;
      width: 50%;
      margin: 0 auto; }
    div.profile-pane div.left-bar div.image-box {
      position: relative;
      padding-top: 40px; }
      div.profile-pane div.left-bar div.image-box img {
        width: 100%;
        margin: 0 auto;
        display: block;
        border-radius: 4px; }
    div.profile-pane div.left-bar h2 {
      text-align: left;
      padding-top: 5px;
      width: 100%;
      font-size: 20px; }
      div.profile-pane div.left-bar h2:hover {
        cursor: pointer;
        color: #1db259; }
    div.profile-pane div.left-bar h3.settings-nav {
      padding: 0;
      margin: 5px 0px;
      font-size: 15px;
      width: 100%;
      color: rgba(0, 0, 0, 0.6);
      font-family: 'whitney-book'; }
      div.profile-pane div.left-bar h3.settings-nav:hover {
        color: #1db259;
        cursor: pointer; }
    div.profile-pane div.left-bar div.profile-nav {
      margin-top: 40px; }
      div.profile-pane div.left-bar div.profile-nav h3 {
        font-family: 'whitney-book';
        font-weight: bold;
        font-size: 18px;
        color: #6F6A68;
        padding: 10px 0px;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        div.profile-pane div.left-bar div.profile-nav h3:last-of-type {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        div.profile-pane div.left-bar div.profile-nav h3:hover {
          cursor: pointer;
          color: #1db259; }
        div.profile-pane div.left-bar div.profile-nav h3.active {
          color: #1db259; }
      div.profile-pane div.left-bar div.profile-nav hr {
        margin-top: 20px;
        margin-bottom: 20px; }
    div.profile-pane div.left-bar div.logout {
      margin-top: 20px; }
      div.profile-pane div.left-bar div.logout:hover {
        color: #1db259; }
  div.profile-pane div.content-bar div.profile-content {
    padding: 40px;
    padding-top: 0px;
    height: 100%; }
    div.profile-pane div.content-bar div.profile-content div.form-error {
      position: relative;
      margin: 0;
      height: 0;
      top: 30px;
      left: 160px; }
    div.profile-pane div.content-bar div.profile-content h2 {
      clear: both;
      border-bottom: 2px solid rgba(0, 0, 0, 0.1);
      padding-top: 25px;
      padding-bottom: 15px;
      font-size: 30px;
      font-family: 'whitney-book'; }
    div.profile-pane div.content-bar div.profile-content h3 {
      padding-top: 25px;
      border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
    div.profile-pane div.content-bar div.profile-content h4.section-description {
      margin-top: 5px;
      margin-bottom: 10px; }
    div.profile-pane div.content-bar div.profile-content h5.notify {
      color: rgba(255, 0, 0, 0.7);
      margin-top: -10px;
      margin-bottom: 10px; }
    div.profile-pane div.content-bar div.profile-content p {
      font-family: 'whitney-book';
      padding: 20px; }
    div.profile-pane div.content-bar div.profile-content li.content {
      border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
    div.profile-pane div.content-bar div.profile-content .content {
      margin: 15px; }
      div.profile-pane div.content-bar div.profile-content .content.tiles {
        float: left; }
        div.profile-pane div.content-bar div.profile-content .content.tiles h4 {
          text-align: center;
          padding: 5px;
          font-size: 1.5vw; }
        div.profile-pane div.content-bar div.profile-content .content.tiles:hover img {
          border: 2px solid #1db259; }
        div.profile-pane div.content-bar div.profile-content .content.tiles:hover h4 {
          color: #1db259; }
        div.profile-pane div.content-bar div.profile-content .content.tiles.admins img {
          width: 100px;
          height: 100px; }
      div.profile-pane div.content-bar div.profile-content .content p {
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 18px; }
      div.profile-pane div.content-bar div.profile-content .content img {
        width: 200px;
        height: 200px;
        border-radius: 3px;
        border: 2px solid transparent;
        transition: .15s linear border-color; }
      div.profile-pane div.content-bar div.profile-content .content a {
        color: #2C2C2C;
        text-decoration: none;
        transition: .15s linear color; }
        div.profile-pane div.content-bar div.profile-content .content a:hover {
          color: #1db259; }
    div.profile-pane div.content-bar div.profile-content div.primary-button {
      height: 40px;
      line-height: 40px;
      width: 150px;
      margin-left: 0px;
      padding: 0px; }
    div.profile-pane div.content-bar div.profile-content div.create-button {
      margin: 30px auto;
      width: 80%; }
  div.profile-pane div.content-bar div.auto-fill-box {
    height: 40px;
    margin-bottom: 5px;
    width: 50%; }
    div.profile-pane div.content-bar div.auto-fill-box md-autocomplete {
      height: 40px;
      width: 80%;
      float: left;
      box-shadow: none;
      background-color: transparent;
      border-radius: 0;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-right: 0px; }
    div.profile-pane div.content-bar div.auto-fill-box input.primary-button {
      float: left;
      margin: 0px;
      padding: 0px;
      height: 40px;
      line-height: 40px;
      width: calc(20% - 0px); }
      div.profile-pane div.content-bar div.auto-fill-box input.primary-button:hover {
        color: #1db259; }
  div.profile-pane div.content-bar div.createpub, div.profile-pane div.content-bar div.creategroup, div.profile-pane div.content-bar div.settings {
    padding: 5px; }
  div.profile-pane div.content-bar div.settings md-input-container {
    clear: both;
    height: auto; }
  div.profile-pane div.content-bar div.settings md-radio-group {
    border: 0px; }
    div.profile-pane div.content-bar div.settings md-radio-group md-radio-button .md-on {
      background-color: #1db259; }
    div.profile-pane div.content-bar div.settings md-radio-group md-radio-button.md-checked .md-off {
      border-color: #1db259; }
  div.profile-pane div.content-bar div.empty-section {
    background-color: #dadada;
    margin: 5px;
    margin-bottom: 0px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    padding: 10px; }
    div.profile-pane div.content-bar div.empty-section p {
      text-align: center;
      font-style: italic;
      color: rgba(0, 0, 0, 0.6); }
  div.profile-pane div.content-bar div.admin-panel div.admin-panel-section {
    padding: 5px; }

body div.pub-pane .render-item {
  opacity: 0;
  transition: .5s linear opacity;
  pointer-events: none; }
body div.pub-pane .do-render {
  opacity: 1;
  pointer-events: auto; }
body div.pub-pane div.content-bar {
  overflow: visible; }
  body div.pub-pane div.content-bar div.pub-panel, body div.pub-pane div.content-bar div.right-panel {
    float: left;
    height: 100%;
    transition: 0.3s linear width; }
  body div.pub-pane div.content-bar div.pub-panel {
    width: calc(100% - 25%);
    height: calc(100% + 11px);
    margin-top: -11px;
    box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.25);
    background-color: #fff; }
    body div.pub-pane div.content-bar div.pub-panel div#pub-body {
      overflow: scroll;
      overflow-x: hidden;
      height: 100%;
      transition: .25s ease-in-out height; }
  body div.pub-pane div.content-bar div.right-panel {
    width: 25%;
    padding: 0px 0px;
    background-color: #f6f6f6; }
body div.pub-pane div.right-panel div.right-bar-header {
  height: 40px;
  width: 100%;
  margin-left: 0%;
  padding: 0px 0px;
  transition: 0.3s linear margin-left;
  color: #AFAAA8; }
  body div.pub-pane div.right-panel div.right-bar-header div {
    width: calc(100% / 3);
    float: left;
    height: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 22px;
    line-height: 40px;
    position: relative; }
    body div.pub-pane div.right-panel div.right-bar-header div.active {
      border-bottom-color: #1db259;
      color: #6F6A68; }
    body div.pub-pane div.right-panel div.right-bar-header div:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.1); }
    body div.pub-pane div.right-panel div.right-bar-header div:before {
      content: " ";
      position: absolute;
      height: 30px;
      top: 5px;
      left: 0px;
      border-left: 1px solid rgba(0, 0, 0, 0.1); }
    body div.pub-pane div.right-panel div.right-bar-header div:first-of-type:before {
      content: " ";
      position: absolute;
      border: 0px; }
body div.pub-pane div.auto-fill-box {
  height: 40px;
  margin-bottom: 5px; }
  body div.pub-pane div.auto-fill-box md-autocomplete {
    height: 40px;
    width: 80%;
    float: left;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0px; }
  body div.pub-pane div.auto-fill-box div.primary-button {
    float: left;
    margin: 0px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    width: calc(20% - 0px); }

div.editor-options-bar {
  height: 35px;
  transition: .1s ease-in-out height;
  background-color: #E0E0E0;
  color: #4A4A4A;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); }
  div.editor-options-bar.editor-options-expanded {
    height: 300px; }
  div.editor-options-bar div.editor-expansion {
    clear: both;
    height: calc(300px - 35px - 1px);
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

ul.editor-options {
  width: calc(100%);
  z-index: 1000;
  list-style: none;
  height: 35px; }
  ul.editor-options li {
    height: 100%;
    float: left;
    line-height: 35px;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 0;
    border-bottom: 0px; }
    ul.editor-options li:hover {
      background-color: #c8c8c8;
      cursor: pointer; }
    ul.editor-options li.right {
      float: right; }
    ul.editor-options li.active span {
      color: #839B6B; }
    ul.editor-options li.publish {
      border: 0px;
      color: #595959;
      background-color: #BCE593;
      padding: 2px 5px;
      border-radius: 2px;
      margin: 5px 9px;
      height: calc(100% - 10px);
      width: 75px;
      text-align: center;
      line-height: 21px;
      text-transform: uppercase;
      font-size: 15px; }
      ul.editor-options li.publish:active {
        position: relative;
        top: 1px; }
    ul.editor-options li.autosave {
      border: 0;
      color: rgba(0, 0, 0, 0.4); }
      ul.editor-options li.autosave:hover {
        background-color: #f6f6f6;
        cursor: auto; }
    ul.editor-options li ul {
      opacity: 0;
      transition: .1s linear opacity;
      pointer-events: none;
      cursor: default;
      border: 1px solid #1db259;
      background: #f6f6f6;
      padding: 0px;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
      position: absolute;
      z-index: 3;
      width: 300px;
      right: 5px;
      top: 35px;
      list-style: none;
      margin-left: -15px;
      background-color: white; }
      ul.editor-options li ul div.li-wrapper {
        max-height: 500px;
        overflow: scroll;
        overflow-x: hidden;
        padding: 10px; }
      ul.editor-options li ul:after, ul.editor-options li ul:before {
        bottom: 100%;
        left: calc(100% - 110px);
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      ul.editor-options li ul:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #f6f6f6;
        border-width: 7px;
        margin-left: -7px; }
      ul.editor-options li ul:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #1db259;
        border-width: 9px;
        margin-left: -9px; }
      ul.editor-options li ul li {
        float: none;
        cursor: auto;
        background-color: white;
        z-index: 10000;
        font-family: 'whitney-book';
        line-height: 25px; }
        ul.editor-options li ul li:first-of-type {
          margin-top: 10px; }
        ul.editor-options li ul li:last-of-type {
          margin-bottom: 10px; }
        ul.editor-options li ul li.clear-focus {
          text-align: center;
          font-size: 16px;
          font-family: 'whitney-medium'; }
        ul.editor-options li ul li.order-1 {
          font-size: 16px;
          font-family: 'whitney-medium'; }
        ul.editor-options li ul li.order-2 {
          font-size: 15px;
          padding-left: 35px; }
        ul.editor-options li ul li.order-3 {
          font-size: 14px;
          padding-left: 55px; }
        ul.editor-options li ul li.order-4 {
          font-size: 14px;
          padding-left: 75px; }
        ul.editor-options li ul li.order-5 {
          font-size: 14px;
          padding-left: 95px; }
        ul.editor-options li ul li.order-6 {
          font-size: 14px;
          padding-left: 115px; }
    ul.editor-options li:hover ul {
      opacity: 1;
      pointer-events: auto; }

div.reviews-tab {
  height: calc(100% - 35px);
  overflow: scroll;
  overflow-x: hidden; }
  div.reviews-tab h2 {
    font-size: 20px; }
  div.reviews-tab h3.placeholder-text {
    color: rgba(0, 0, 0, 0.4);
    font-style: italic;
    font-weight: 300;
    font-family: 'Arial';
    text-align: center;
    margin: 20px;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.02);
    padding: 20px; }
  div.reviews-tab div.completed-reviews {
    min-height: 100px;
    margin-bottom: 30px; }
    div.reviews-tab div.completed-reviews div.public-review {
      margin: 10px;
      background-color: white;
      padding: 5px;
      border-radius: 2px; }
      div.reviews-tab div.completed-reviews div.public-review:hover {
        cursor: pointer;
        background-color: #c5c5c5; }
  div.reviews-tab div.new-reviews {
    margin-bottom: 30px; }
    div.reviews-tab div.new-reviews div.new-reviews-content {
      margin-top: 10px;
      width: 100%; }
      div.reviews-tab div.new-reviews div.new-reviews-content h3 {
        text-align: center; }
      div.reviews-tab div.new-reviews div.new-reviews-content div.primary-button {
        height: 40px;
        line-height: 30px;
        font-size: 13px; }
      div.reviews-tab div.new-reviews div.new-reviews-content div.auto-fill-box {
        width: calc(100% - 10px);
        margin: 5px; }
        div.reviews-tab div.new-reviews div.new-reviews-content div.auto-fill-box div.primary-button {
          font-size: 12px;
          line-height: 40px; }
      div.reviews-tab div.new-reviews div.new-reviews-content div.full, div.reviews-tab div.new-reviews div.new-reviews-content div.auto-fill-box {
        margin-top: 10px;
        margin-bottom: 10px; }
  div.reviews-tab div.reviews-write div#review-editor {
    width: 90%;
    height: 60%; }

div.meta-tab {
  height: calc(100% - 35px);
  overflow: scroll;
  overflow-x: hidden; }
  div.meta-tab h2 {
    text-align: center; }
  div.meta-tab div.top-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  div.meta-tab div.top-wrapper div.reputation {
    width: 100%; }
    div.meta-tab div.top-wrapper div.reputation div.author {
      width: 25%;
      float: left;
      text-align: center; }
      div.meta-tab div.top-wrapper div.reputation div.author img {
        width: 50%; }
  div.meta-tab div.impact {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px; }
    div.meta-tab div.impact:after {
      content: "";
      display: table;
      clear: both; }
    div.meta-tab div.impact div.views {
      width: 50%;
      float: left; }
      div.meta-tab div.impact div.views img {
        width: 100%; }
    div.meta-tab div.impact div.citations {
      width: 50%;
      float: left; }
      div.meta-tab div.impact div.citations img {
        width: 100%; }
    div.meta-tab div.impact div.count {
      font-size: 1.5vw;
      text-align: center;
      font-weight: 700; }
      div.meta-tab div.impact div.count span {
        color: #1db259;
        font-size: 3vw; }
  div.meta-tab div.external {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    position: relative;
    min-height: 250px; }
    div.meta-tab div.external li {
      padding-bottom: 10px; }
      div.meta-tab div.external li a {
        text-decoration: none;
        color: #222; }
        div.meta-tab div.external li a p {
          font-size: 1.5vw;
          line-height: 1.5vw; }
        div.meta-tab div.external li a:hover {
          color: #1db259; }

@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0; } }

@keyframes load {
  0% {
    stroke-dashoffset: 0; } }

/* Container */
.progress {
  position: relative;
  display: inline-block;
  padding: 0;
  text-align: center;
  width: 100%; }

/* Item */
.progress > li {
  position: relative;
  width: calc(25% - 20px);
  float: left;
  text-align: center;
  color: #93A2AC;
  font-weight: 100;
  margin: 10px;
  z-index: 1; }
  .progress > li div.li-content {
    position: absolute;
    left: 0;
    top: 2vw;
    overflow: hidden;
    width: 70%;
    margin-left: 15%; }
    .progress > li div.li-content span {
      color: #222;
      font-size: 2vw;
      padding-top: 5px; }
    .progress > li div.li-content img {
      width: 40%;
      border-radius: 2px; }
    .progress > li div.li-content p {
      font-size: 1vw;
      line-height: 1vw;
      padding-top: .5vw;
      min-height: 2vw; }
    .progress > li div.li-content a {
      text-decoration: none;
      color: #222;
      font-weight: 300; }
      .progress > li div.li-content a:hover {
        color: #1db259; }

.progress svg {
  width: 100%; }

.progress svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg); }

.progress svg:nth-child(2) path {
  fill: none;
  stroke-width: 25;
  stroke-dasharray: 629;
  stroke: #fff;
  opacity: .9;
  -webkit-animation: load 2s;
  animation: load 2s; }

h5.beta-note {
  color: rgba(255, 0, 0, 0.7);
  margin-bottom: 10px;
  text-align: center; }

#chart {
  display: block;
  margin: 0 auto;
  /*
		This is the nonstandard way of making the reflection.
		Only works in webkit (the other way doesnt work in webkit so use this instead)
	*/
  -webkit-box-reflect: below -60px -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(0.05, transparent), color-stop(0.06, rgba(0, 0, 0, 0.1)), color-stop(0.45, rgba(0, 0, 0, 0.1)), color-stop(0.75, transparent), color-stop(1, transparent)); }

.x.axis g:first-of-type, .x.axis g:last-of-type {
  display: none; }

.axis line, .axis path {
  fill: none;
  stroke: rgba(84, 182, 130, 0.6);
  shape-rendering: crispEdges; }

.axis path.domain {
  stroke: none; }

.axis text {
  fill: #8C807D;
  font-size: 1em;
  font-weight: 300; }

.line {
  fill: none;
  stroke-width: 1px;
  stroke: rgba(84, 182, 130, 0.6); }

.line.done {
  stroke: none; }

.area {
  stroke-width: 0px; }

.area1 {
  fill: rgba(84, 182, 130, 0.6); }

.area2 {
  fill: rgba(93, 195, 198, 0.6); }

.basline {
  stroke-width: 10px; }

.area1Baseline {
  stroke: rgba(84, 182, 130, 0.6); }

.area2Baseline {
  stroke: rgba(93, 195, 198, 0.6); }

.axis line {
  transition: opacity 0.5s; }

.axis.done line {
  opacity: 0; }

@-webkit-keyframes discussionflash {
  0% {
    background-color: transparent; }

  50% {
    background-color: rgba(249, 249, 204, 0.45); }

  100% {
    background-color: transparent; } }

body div.pub-pane div.right-panel {
  overflow: hidden;
  font-family: 'whitney-book'; }
  body div.pub-pane div.right-panel div.discussion-container {
    padding-left: 20px;
    padding-right: 10px; }
    body div.pub-pane div.right-panel div.discussion-container div.add-discussion {
      padding: 10px 0px 0px; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion.new {
        height: 87px;
        transition: 0s ease-in-out max-height;
        overflow: hidden; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion.active {
        height: auto; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion md-input-container {
        padding-bottom: 5px; }
        body div.pub-pane div.right-panel div.discussion-container div.add-discussion md-input-container textarea {
          background-color: white;
          border-bottom: 0px; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion div.add-discussion-buttons {
        text-align: right; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion div.add-discussion-user {
        padding-left: 10px; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion div.discussion-new-selection {
        margin: 10px 0px; }
        body div.pub-pane div.right-panel div.discussion-container div.add-discussion div.discussion-new-selection div.selected-text {
          float: left;
          width: 80%;
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 2px;
          font-family: 'Helvetica';
          font-style: italic;
          font-size: 15px;
          padding-left: 5px;
          max-height: 150px;
          min-height: 30px;
          overflow: scroll;
          color: rgba(0, 0, 0, 0.5);
          background-color: rgba(255, 255, 255, 0.6); }
          body div.pub-pane div.right-panel div.discussion-container div.add-discussion div.discussion-new-selection div.selected-text p {
            line-height: 17px; }
        body div.pub-pane div.right-panel div.discussion-container div.add-discussion div.discussion-new-selection div.clear-selected {
          float: left;
          width: 20%;
          margin: 0;
          padding: 5px;
          font-size: 12px;
          background-color: transparent; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion .add-discussion-username {
        display: inline-block;
        font-size: 0.9em;
        vertical-align: middle; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion .add-discussion-userimage {
        height: 20px;
        width: 20px;
        display: inline-block;
        vertical-align: middle; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion .no-selected-text {
        font-size: 0.8em;
        font-style: italic;
        text-align: center; }
      body div.pub-pane div.right-panel div.discussion-container div.add-discussion .discussion-user-title {
        font-size: 0.8em; }
    body div.pub-pane div.right-panel div.discussion-container .discussion-mobile-comment {
      border-style: dotted;
      border-width: 2px;
      border-color: #CAB9B9;
      width: auto;
      background-color: #E8D9D9;
      padding: 5px;
      margin-top: 20px; }
    body div.pub-pane div.right-panel div.discussion-container ul.discussion-list.top {
      margin-top: 20px;
      font-family: 'whitney-book'; }
  body div.pub-pane div.right-panel div.bar-content div.section {
    height: 33%;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative; }
    body div.pub-pane div.right-panel div.bar-content div.section h3 {
      height: 40px;
      border-top: 1px solid rgba(30, 30, 30, 0.05);
      margin-bottom: 10px; }
    body div.pub-pane div.right-panel div.bar-content div.section.discussions {
      height: calc(100% - 35px);
      min-height: 150px; }
    body div.pub-pane div.right-panel div.bar-content div.section div.section-content {
      height: calc(100%);
      overflow: scroll;
      overflow-x: hidden; }
  body div.pub-pane div.right-panel p.notify {
    color: rgba(255, 0, 0, 0.7);
    text-align: center;
    padding-top: 5px;
    font-style: 14px;
    height: 0px; }
  body div.pub-pane div.right-panel div.replying-to {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    max-height: 150px;
    overflow: scroll; }
    body div.pub-pane div.right-panel div.replying-to div.discussion-meta {
      width: 100%;
      height: 20px;
      color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
      overflow: hidden; }
      body div.pub-pane div.right-panel div.replying-to div.discussion-meta a {
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none; }
        body div.pub-pane div.right-panel div.replying-to div.discussion-meta a:hover {
          color: #1db259; }
      body div.pub-pane div.right-panel div.replying-to div.discussion-meta div {
        padding-left: 5px;
        padding-right: 5px;
        float: left; }
        body div.pub-pane div.right-panel div.replying-to div.discussion-meta div.right {
          float: right;
          cursor: pointer; }
          body div.pub-pane div.right-panel div.replying-to div.discussion-meta div.right:hover {
            color: #1db259; }
    body div.pub-pane div.right-panel div.replying-to div.discussion-text {
      padding-left: 5px; }
body div.pub-pane ul.discussion-list {
  list-style: none;
  position: relative;
  font-family: 'whitney-book'; }
  body div.pub-pane ul.discussion-list.child-nesting {
    padding-left: 20px;
    transition: opacity 0.2s linear;
    border-left: 1px solid rgba(52, 48, 46, 0.05); }
    body div.pub-pane ul.discussion-list.child-nesting li.discussion-item div.discussion-item-wrapper div.discussion-score {
      color: rgba(0, 0, 0, 0.5);
      background-color: transparent; }
  body div.pub-pane ul.discussion-list.ng-hide {
    opacity: 0;
    overflow: hidden;
    height: 0px; }
  body div.pub-pane ul.discussion-list li.discussion-item {
    background-color: transparent;
    transition: .1s linear background-color; }
    body div.pub-pane ul.discussion-list li.discussion-item.top {
      margin: 0px 0px; }
    body div.pub-pane ul.discussion-list li.discussion-item.focus {
      background-color: rgba(182, 217, 143, 0.4); }
    body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper {
      position: relative;
      padding-top: 5px;
      margin-bottom: 15px;
      min-height: 30px;
      color: #AFAAA8; }
      body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper:after {
        content: " ";
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: absolute;
        bottom: 0px;
        right: -10px;
        height: 1px;
        width: calc(100% + 10px); }
      body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper.highlight {
        background-color: rgba(249, 249, 204, 0.45); }
      body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper.new {
        -webkit-animation-name: discussionflash;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: 1; }
      body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper a {
        color: #AFAAA8;
        text-decoration: none; }
      body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper.collapsed {
        min-height: 45px;
        height: 25px; }
      body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta {
        width: 100%;
        overflow: hidden;
        height: 42px;
        margin-bottom: 10px; }
        body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content {
          width: calc(100%);
          height: 100%;
          float: right;
          font-size: 14px; }
          body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.top-row {
            width: 100%;
            height: 50%;
            overflow: hidden; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.top-row div {
              height: 100%; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.top-row div.user {
              float: left; }
              body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.top-row div.user a {
                color: #4F4A48;
                font-size: 14px;
                line-height: 30px; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.top-row div.discussion-user-title {
              float: left;
              font-size: 12px;
              line-height: 31px;
              padding: 0px 5px; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.top-row div.discussion-date {
              float: right;
              font-size: 12px;
              line-height: 31px; }
          body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row {
            width: 100%;
            height: 50%;
            padding-top: 5px; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div {
              float: left; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.yay, body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.nay {
              background-color: rgba(0, 0, 0, 0.05);
              width: 12px;
              height: 12px;
              margin: 2px;
              border-radius: 2px;
              line-height: 12px;
              text-align: center;
              padding-left: 1px; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.score {
              margin-left: 5px;
              padding-left: 5px;
              border-left: 1px solid rgba(0, 0, 0, 0.1); }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.yayd {
              background-color: rgba(46, 204, 113, 0.85);
              color: white; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.nayd {
              background-color: rgba(231, 76, 60, 0.85);
              color: white; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.yay:hover {
              cursor: pointer;
              background-color: rgba(46, 204, 113, 0.85);
              color: white; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.nay:hover {
              cursor: pointer;
              background-color: rgba(231, 76, 60, 0.85);
              color: white; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.yayd:hover, body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.discussion-score div.nayd:hover {
              background-color: rgba(0, 0, 0, 0.1);
              color: #AFAAA8; }
            body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons {
              float: right; }
              body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div {
                float: right;
                padding-left: 5px; }
                body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div:hover {
                  cursor: pointer;
                  color: #1db259; }
              body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.selected-text-button {
                font-size: 8px;
                line-height: 16px; }
              body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.discussion-reply {
                line-height: 16px; }
              body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.collapse-arrow {
                font-family: 'Verdana';
                text-align: center; }
                body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.collapse-arrow div {
                  padding: 0px; }
                body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.collapse-arrow div.collapsed {
                  -ms-transform: rotate(-180deg);
                  /* IE 9 */
                  -webkit-transform: rotate(-180deg);
                  /* Chrome, Safari, Opera */
                  transform: rotate(-180deg); }
              body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.version-click {
                border-radius: 2px;
                margin-left: 5px;
                padding-left: 1px;
                padding-right: 1px; }
                body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.version-click:hover {
                  color: white;
                  cursor: pointer; }
                  body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.version-click:hover.idea {
                    background-color: #3498db; }
                  body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.version-click:hover.development {
                    background-color: #e67e22; }
                  body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-meta div.discussion-meta-content div.bottom-row div.meta-buttons div.version-click:hover.conclusion {
                    background-color: #2ecc71; }
      body div.pub-pane ul.discussion-list li.discussion-item div.discussion-item-wrapper div.discussion-text {
        width: 100%;
        padding: 10px 2px;
        padding-top: 2px;
        color: #4F4A48;
        font-size: 14px; }

body div.pub-pane div.left-bar div.bar-content div.editor-options-bar {
  position: relative; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.dark-button {
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
    width: 100%;
    background-color: #4A4A4A;
    color: #E0E0E0;
    border-radius: 2px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.dark-button:hover {
      cursor: pointer; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.dark-button:active {
      position: relative;
      top: 1px; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.changes-saved {
    position: absolute;
    top: 45px;
    left: 10px;
    opacity: 0;
    transition: .2s linear opacity;
    color: #839B6B; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.changes-saved.visible {
      opacity: 1; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar h3 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #4A4A4A;
    padding-top: 10px;
    padding-bottom: 20px; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.add-button, body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.save-button {
    position: absolute;
    top: 35px;
    right: 5px;
    width: 80px;
    font-size: 14px;
    background-color: #4A4A4A;
    color: #E0E0E0; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.add-button:active, body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.save-button:active {
      top: 36px; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.section-content {
    padding: 0px 20px;
    height: calc(265px - 48px - 2px);
    overflow: scroll;
    overflow-x: hidden; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.section-content p {
      font-family: 'whitney-book'; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content span.changed {
    color: #839B6B; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content span:hover {
    color: #839B6B;
    cursor: pointer; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item {
    clear: both;
    width: 100%;
    height: 25px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item.collaborator-list-title {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      margin-bottom: 5px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.name, body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.author, body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.reader {
      float: left;
      height: 100%;
      font-size: 18px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.name {
      width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.author, body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.reader {
      width: 70px;
      text-align: center; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.author:hover, body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item div.reader:hover {
        background-color: #c8c8c8; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item md-radio-group {
      border: 0px; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item md-radio-group md-radio-button {
        margin: 0;
        height: 100%; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item md-radio-group md-radio-button .md-on {
          background-color: #839B6B; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item md-radio-group md-radio-button.md-checked .md-off {
          border-color: #839B6B; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item md-radio-group md-radio-button .md-container {
          display: block;
          margin: 0 auto; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.collaborators div.section-content div.content-item md-radio-group md-radio-button .md-label {
          display: none; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: -5px;
    margin-bottom: 15px;
    padding: 5px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref:after {
      content: "";
      display: table;
      clear: both; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.left-side {
      float: left;
      width: 80%; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.left-side p {
        font-size: 14px;
        line-height: 16px; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.left-side p span.title {
          font-weight: 700; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.left-side p.reference-text {
          padding-left: 10px;
          font-size: 12px; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.left-side a {
        color: #4A4A4A; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.right-side {
      float: left;
      width: 20%; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.right-side div.save-button {
        z-index: 50;
        float: right;
        position: relative;
        top: 0;
        left: 0;
        border-color: rgba(0, 0, 0, 0.2);
        transition: .1s linear border-color; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.references div.section-content div.ref div.right-side div.save-button:hover {
          border-color: #1db259; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel {
    width: 350px;
    width: 100%;
    position: relative; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel:after {
      content: "";
      display: table;
      clear: both; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel img.current-img {
      width: 40px;
      margin-right: 10px;
      float: left;
      border-radius: 2px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.choose-cancel-button {
      width: 300px;
      width: calc(100% - 50px);
      height: 40px;
      position: relative;
      float: left; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.choose-cancel-button div.choose-button {
        width: 100%;
        height: 100%;
        position: relative; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.choose-cancel-button div.choose-button input {
          width: 100%;
          height: 100%;
          display: block;
          cursor: pointer;
          opacity: 0; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.choose-cancel-button div.choose-button div.primary-button {
          position: absolute;
          top: 0;
          left: 0;
          pointer-events: none; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.choose-cancel-button div.choose-button:active div.primary-button {
          top: 1px; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.choose-cancel-button div.primary-button {
        position: absolute;
        top: 0;
        left: 0; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.upload-mode-wrapper {
      position: absolute;
      top: 39px;
      z-index: 999;
      background-color: white;
      border: 1px solid rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.26);
      width: 300px;
      width: 100%;
      overflow: hidden;
      height: 175px;
      opacity: 1;
      transition: .2s ease-in-out height, .2s ease-in-out top, 0s ease-in-out opacity; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.upload-mode-wrapper.hidden {
        height: 0px;
        opacity: 0;
        transition: .2s ease-in-out height, .2s ease-in-out top, 0s ease-in-out opacity .2s; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.upload-mode-wrapper .cropArea {
        background: #E4E4E4;
        overflow: hidden;
        width: 200px;
        width: calc(100% - 98px);
        height: 173px;
        float: left; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.upload-mode-wrapper div.cropped-image {
        width: 98px;
        float: left; }
        body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.upload-mode-wrapper div.cropped-image img {
          width: 90%;
          margin: 0 auto;
          display: block;
          padding: 5px; }
      body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.upload-image-panel div.upload-mode-wrapper md-progress-linear {
        clear: both;
        position: relative;
        top: -10px; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets md-tab-label {
    color: rgba(33, 33, 33, 0.6);
    font-size: 18px;
    font-weight: bold;
    height: 33px; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets md-tabs-ink-bar {
    background-color: #1db259; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets .md-tabs-content .md-tab-content {
    height: calc(100% - 48px);
    overflow: scroll; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.view-assets {
    width: 70%;
    float: left;
    height: 100%;
    margin-left: calc(30% + 20px); }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.add-assets {
    width: 30%;
    float: left;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    position: absolute;
    height: calc(265px - 48px - 2px); }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.add-assets div.add-select, body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.add-assets div.add-uploading {
      height: 100%; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.asset-gallery {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 5px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.asset-gallery img {
      width: 100px; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.asset-gallery input {
      width: 100%; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.asset-gallery.no-assets {
      text-align: center;
      padding-top: 20px;
      width: 100%; }
  body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.asset-drop {
    width: 100%;
    min-height: 50px;
    height: calc(100% - 30px);
    margin: 0 auto;
    margin-bottom: 5px;
    line-height: 148px;
    border: 1px dashed rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.1);
    transition: 0s ease-in-out height;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    font-weight: bold; }
    body div.pub-pane div.left-bar div.bar-content div.editor-options-bar div.assets div.asset-drop.dragover {
      background-color: rgba(0, 0, 0, 0.13);
      background-color: #1db259;
      color: white; }

div.left-bar-edit {
  height: 100%;
  position: relative; }
  div.left-bar-edit div.editor-content {
    height: calc(100% - 35px);
    transition: .1s ease-in-out height;
    width: 100%; }
    div.left-bar-edit div.editor-content.editor-options-expanded {
      height: calc(100% - 35px - 265px); }
    div.left-bar-edit div.editor-content div.firepad {
      padding: 1px 15px; }
      div.left-bar-edit div.editor-content div.firepad div#editor {
        width: 100%;
        height: 100%;
        background-color: #f6f6f6;
        font-family: 'Source Code Pro'; }
      div.left-bar-edit div.editor-content div.firepad a.powered-by-firepad {
        display: none; }
  div.left-bar-edit span.ace_fold {
    color: #BABABA;
    background-color: rgba(111, 106, 104, 0.1);
    border: 0px;
    height: auto;
    background-image: none;
    margin: 0px;
    text-align: center;
    line-height: 10px;
    margin: 2px 0px; }
  div.left-bar-edit .publish-mode {
    padding: 10px; }
    div.left-bar-edit .publish-mode p.publish-explainer {
      position: fixed;
      text-align: center;
      font-size: 14px;
      line-height: 14px;
      color: rgba(255, 0, 0, 0.7); }
    div.left-bar-edit .publish-mode div.text-input {
      width: 80%;
      margin: 10px;
      margin-left: 0px; }
    div.left-bar-edit .publish-mode div.tag-input {
      width: 40%; }
      div.left-bar-edit .publish-mode div.tag-input div.tag-input-wrapper {
        width: 145px; }
      div.left-bar-edit .publish-mode div.tag-input md-radio-group {
        border: 0px; }
        div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button {
          margin-top: 2px;
          margin-bottom: 2px; }
          div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button .md-label {
            pointer-events: auto; }
          div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button:nth-child(1) .md-on {
            background-color: #3498db; }
          div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button:nth-child(1).md-checked .md-off {
            border-color: #3498db; }
          div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button:nth-child(2) .md-on {
            background-color: #e67e22; }
          div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button:nth-child(2).md-checked .md-off {
            border-color: #e67e22; }
          div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button:nth-child(3) .md-on {
            background-color: #2ecc71; }
          div.left-bar-edit .publish-mode div.tag-input md-radio-group md-radio-button:nth-child(3).md-checked .md-off {
            border-color: #2ecc71; }
    div.left-bar-edit .publish-mode div.publish-live {
      width: 60%;
      margin: 0 auto;
      position: relative;
      overflow: visible; }
      div.left-bar-edit .publish-mode div.publish-live div.publish-live-button {
        height: 100px;
        width: 100%;
        margin: 0 auto;
        margin-top: 5px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        background-color: rgba(39, 174, 96, 0.7);
        background-color: #1db259;
        color: #2C2C2C;
        text-align: center;
        border-radius: 2px;
        position: relative;
        font-size: 20px;
        font-weight: 600;
        line-height: 100px;
        transition: .1s linear background-color; }
        div.left-bar-edit .publish-mode div.publish-live div.publish-live-button:hover {
          cursor: pointer;
          background-color: #7DC59F;
          color: #2C2C2C; }
        div.left-bar-edit .publish-mode div.publish-live div.publish-live-button:active {
          top: 1px; }
    div.left-bar-edit .publish-mode span.error-text {
      color: rgba(255, 0, 0, 0.7); }

body div.pub-pane div.left-bar.leftDrafting {
  overflow: hidden; }
body div.pub-pane div.left-bar div.render-item {
  position: absolute; }
body div.pub-pane div.left-bar div.do-render {
  position: relative; }
body div.pub-pane div.left-bar.versionListActive {
  overflow: hidden; }
body div.pub-pane div.left-bar div.bar-content {
  height: 100%; }
  body div.pub-pane div.left-bar div.bar-content h2.pub-left-title {
    height: 78px;
    margin-bottom: 55px;
    padding: 30px 10px;
    padding-right: 40px;
    color: #4F4A48;
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap; }
  body div.pub-pane div.left-bar div.bar-content h3 {
    padding: 10px;
    color: #4F4A48;
    font-size: 16px;
    text-align: left;
    margin-top: 5px; }
    body div.pub-pane div.left-bar div.bar-content h3:first-of-type {
      margin-top: 0px;
      padding-top: 0; }
  body div.pub-pane div.left-bar div.bar-content div.section {
    position: relative;
    padding: 10px;
    padding-top: 0px;
    padding-right: 40px; }
  body div.pub-pane div.left-bar div.bar-content div.section a {
    text-decoration: none;
    color: #6F6A68; }
    body div.pub-pane div.left-bar div.bar-content div.section a:hover {
      color: #1db259;
      cursor: pointer; }
    body div.pub-pane div.left-bar div.bar-content div.section a h4 {
      padding-left: 15px;
      font-size: 16px;
      font-family: 'whitney-book'; }
  body div.pub-pane div.left-bar div.bar-content div.section div.affiliations {
    margin-top: 20px;
    margin-bottom: 1.2vw; }
    body div.pub-pane div.left-bar div.bar-content div.section div.affiliations:after {
      content: "";
      display: table;
      clear: both; }
    body div.pub-pane div.left-bar div.bar-content div.section div.affiliations div.affiliation {
      text-align: right;
      width: 20%;
      max-width: 50px;
      float: left;
      border: 1px solid transparent; }
      body div.pub-pane div.left-bar div.bar-content div.section div.affiliations div.affiliation img {
        width: 100%; }
      body div.pub-pane div.left-bar div.bar-content div.section div.affiliations div.affiliation h4 {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        text-align: left;
        opacity: 0;
        font-size: 1.2vw;
        transition: .1s linear opacity; }
      body div.pub-pane div.left-bar div.bar-content div.section div.affiliations div.affiliation:hover {
        border: 1px solid #1db259; }
        body div.pub-pane div.left-bar div.bar-content div.section div.affiliations div.affiliation:hover h4 {
          opacity: 1;
          color: #4F4A48; }
  body div.pub-pane div.left-bar div.bar-content div.section ul {
    list-style: none; }
    body div.pub-pane div.left-bar div.bar-content div.section ul li {
      position: relative;
      padding-left: 15px;
      color: #6F6A68;
      font-size: 14px; }
      body div.pub-pane div.left-bar div.bar-content div.section ul li:hover {
        cursor: pointer;
        color: #1db259; }
      body div.pub-pane div.left-bar div.bar-content div.section ul li.H1 {
        font-size: 16px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'whitney-book'; }
        body div.pub-pane div.left-bar div.bar-content div.section ul li.H1:first-of-type {
          border-top: 0; }
      body div.pub-pane div.left-bar div.bar-content div.section ul li.H2 {
        font-size: 15px;
        font-family: 'whitney-book';
        margin-left: 15px;
        padding-left: 10px;
        padding-bottom: 4px;
        border-left: 1px solid rgba(52, 48, 46, 0.1); }
      body div.pub-pane div.left-bar div.bar-content div.section ul li.H3 {
        font-size: 14px;
        font-family: 'whitney-book';
        margin-left: 25px;
        padding-left: 10px;
        border-left: 1px solid rgba(52, 48, 46, 0.1);
        padding-bottom: 4px; }

.figure-pointer {
  text-decoration: underline;
  cursor: pointer; }

body.discussion-mode div.pub-pane div.left-bar {
  margin-left: calc(-1 * 20%); }
body.discussion-mode div.pub-pane div.content-bar {
  width: calc(100% - 0px); }
  body.discussion-mode div.pub-pane div.content-bar div.pub-panel {
    width: 59.5%; }
  body.discussion-mode div.pub-pane div.content-bar div.right-panel {
    width: 40.5%; }

body.discussion-mode div.header-box {
  margin-left: calc(-1 * 20%); }
body.discussion-mode div.footer-box {
  margin-left: calc(-1 * 20%); }

body.draft-mode div.pub-pane div.left-bar {
  width: 50%;
  min-width: calc(0.5 * 981px); }
body.draft-mode div.pub-pane div.content-bar {
  width: calc(50% - 0px); }
  body.draft-mode div.pub-pane div.content-bar div.pub-panel {
    width: 100%;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); }
  body.draft-mode div.pub-pane div.content-bar div.right-panel {
    width: 0%;
    padding-left: 0px; }

body.draft-mode div.header-box {
  width: 50%;
  min-width: calc(0.5 * 981px); }
body.draft-mode div.footer-box {
  width: 50%;
  min-width: calc(0.5 * 981px); }

body.preview-mode div.top-blank-bar {
  opacity: 0; }

body.reading-mode div.pub-pane div.content-bar div.pub-panel {
  width: 100%; }

body div.pub-pane div.content-bar div.pub-footer {
  height: 0px;
  transition: .2s ease-in-out height;
  border-bottom: 0px;
  box-shadow: 0px -1px 5px 1px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.26);
  margin: 0px;
  font-size: 12px;
  line-height: 12px;
  padding: 5px;
  overflow: visible;
  font-weight: 700;
  position: relative; }
  body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-left {
    width: 15%;
    height: 100%;
    float: left; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-left div.cite-button {
      height: auto;
      width: 100%;
      margin: 0;
      line-height: 20px;
      font-size: 1rem; }
  body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center {
    width: 80%;
    height: 100%;
    float: left;
    padding: 5px;
    overflow: scroll; }
  body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-right {
    width: 5%;
    height: 100%;
    float: right; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-right div.permalink {
      margin: 0 auto;
      text-align: center;
      height: -10px;
      line-height: -10px;
      float: right; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-right div.permalink a {
        font-size: 18px;
        text-decoration: none;
        color: #222;
        transition: .1s linear color;
        padding-left: 6px; }
        body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-right div.permalink a:hover {
          color: #1db259;
          cursor: pointer; }
  body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.citation-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 0px; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.citation-text span.title {
      font-style: italic; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.citation-text span.url a {
      text-decoration: none;
      color: #222; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.citation-text span.url a:hover {
        cursor: pointer;
        color: #1db259; }
  body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode {
    background-color: red;
    width: 100%; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.add-ref-box {
      width: 50%;
      float: left;
      margin-top: 20px;
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.add-ref-box div.add-message {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 5px; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.add-ref-box div.auto-fill-box {
        width: 90%;
        margin: 0 auto; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.add-ref-box div.my-ref-button {
        height: 40px;
        line-height: 40px;
        width: 90%;
        margin-top: 0px; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.text-cite-box {
      width: 50%;
      float: left; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.text-cite-box h4 {
        text-align: center; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.text-cite-box textarea {
        width: 90%;
        resize: none;
        height: 33px;
        font-size: 12px;
        margin: 0 auto;
        display: block;
        margin-bottom: 1px; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.or-class {
      color: #222;
      text-align: center;
      width: 50%;
      margin: 0 auto;
      padding: 5px; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.or-class h3 {
        position: relative;
        font-size: 18px;
        z-index: 1;
        overflow: hidden;
        text-align: center; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.or-class h3:before, body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.or-class h3:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 50%;
        height: 1px;
        content: '\a0';
        background-color: #222; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.or-class h3:before {
        margin-left: -60%;
        text-align: right; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.cite-active-mode div.or-class h3:after {
        margin-left: 10%;
        text-align: right; }
  body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.footer-highlight ol {
    padding-left: 20px; }
    body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.footer-highlight ol li {
      border: 1px dashed transparent;
      cursor: pointer; }
      body div.pub-pane div.content-bar div.pub-footer div.footer-pub-mode div.footer-center div.footer-highlight ol li.chosenhighlight {
        border-color: #1db259;
        background-color: rgba(0, 0, 0, 0.1); }
  body div.pub-pane div.content-bar div.pub-footer div.collapse-footer {
    position: absolute;
    top: 5px;
    right: 5px; }
    body div.pub-pane div.content-bar div.pub-footer div.collapse-footer:hover {
      cursor: pointer;
      color: #1db259; }
  body div.pub-pane div.content-bar div.pub-footer div.styling {
    float: left;
    height: 40px;
    width: 70%;
    padding-left: 2px;
    padding-right: 2px; }
    body div.pub-pane div.content-bar div.pub-footer div.styling ul {
      list-style: none; }
      body div.pub-pane div.content-bar div.pub-footer div.styling ul li {
        border: 1px solid rgba(0, 0, 0, 0.4);
        margin-left: 3px;
        margin-right: 3px;
        margin-bottom: 1px;
        margin-top: 5px;
        margin-top: 0px;
        padding: 2px;
        height: 20px;
        line-height: 18px;
        float: left;
        border-radius: 3px;
        font-size: 12px;
        width: calc(11% - 6px);
        overflow: hidden;
        text-align: center;
        position: relative; }
        body div.pub-pane div.content-bar div.pub-footer div.styling ul li:hover {
          cursor: pointer; }
        body div.pub-pane div.content-bar div.pub-footer div.styling ul li:active {
          top: 1px; }
      body div.pub-pane div.content-bar div.pub-footer div.styling ul a {
        color: #222; }
  body div.pub-pane div.content-bar div.pub-footer div.save-draft {
    float: left;
    height: 40px;
    width: 20%; }
    body div.pub-pane div.content-bar div.pub-footer div.save-draft div.save-draft-button {
      height: 40px;
      width: 100%;
      margin: 0 auto;
      border: 1px solid rgba(255, 255, 255, 0.5);
      background-color: #4A4A4A;
      color: #2C2C2C;
      text-align: center;
      border-radius: 2px;
      position: relative;
      font-size: 14px;
      font-weight: 600;
      line-height: 40px; }
      body div.pub-pane div.content-bar div.pub-footer div.save-draft div.save-draft-button:hover {
        cursor: pointer;
        border-color: #1db259; }
      body div.pub-pane div.content-bar div.pub-footer div.save-draft div.save-draft-button:active {
        top: 1px; }
  body div.pub-pane div.content-bar div.pub-footer div.publish-toggle {
    display: inline-block;
    height: 40px;
    width: 30%; }
    body div.pub-pane div.content-bar div.pub-footer div.publish-toggle div.publish-toggle-button {
      height: 20px;
      line-height: 20px;
      width: 100%;
      margin: 0 auto;
      border: 1px solid rgba(255, 255, 255, 0.5);
      background-color: #4A4A4A;
      color: #2C2C2C;
      text-align: center;
      border-radius: 2px;
      position: relative;
      font-size: 14px;
      font-weight: 700;
      transition: .1s linear background-color, .1s linear color; }
      body div.pub-pane div.content-bar div.pub-footer div.publish-toggle div.publish-toggle-button.notpublishmode {
        background-color: #1db259;
        color: #2C2C2C; }
        body div.pub-pane div.content-bar div.pub-footer div.publish-toggle div.publish-toggle-button.notpublishmode:hover {
          background-color: #7DC59F;
          color: #2C2C2C;
          border: 1px solid rgba(255, 255, 255, 0.5); }
      body div.pub-pane div.content-bar div.pub-footer div.publish-toggle div.publish-toggle-button:hover {
        cursor: pointer;
        border-color: #1db259; }
      body div.pub-pane div.content-bar div.pub-footer div.publish-toggle div.publish-toggle-button:active {
        top: 1px; }
  body div.pub-pane div.content-bar div.pub-footer div.publish-explainer-wrapper {
    position: absolute;
    background-color: red;
    width: 100%;
    left: 0px;
    top: -73px;
    text-align: center; }
    body div.pub-pane div.content-bar div.pub-footer div.publish-explainer-wrapper p.publish-explainer {
      position: fixed;
      text-align: center;
      font-size: 14px;
      line-height: 14px;
      color: rgba(255, 0, 0, 0.7); }
  body div.pub-pane div.content-bar div.pub-footer div.publish-mode-box {
    height: 110px;
    overflow: hidden;
    float: left; }
  body div.pub-pane div.content-bar div.pub-footer div.text-input {
    width: 40%;
    margin-top: -35px;
    height: 140px; }
    body div.pub-pane div.content-bar div.pub-footer div.text-input md-input-container {
      padding-bottom: 25px; }
  body div.pub-pane div.content-bar div.pub-footer div.tag-input {
    width: 30%;
    margin-top: -5px; }
    body div.pub-pane div.content-bar div.pub-footer div.tag-input div.tag-input-wrapper {
      margin: 0 auto;
      width: 145px; }
    body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group {
      border: 0px; }
      body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group md-radio-button {
        margin-top: 2px;
        margin-bottom: 2px; }
        body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group md-radio-button:nth-child(1) .md-on {
          background-color: #3498db; }
        body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group md-radio-button:nth-child(1).md-checked .md-off {
          border-color: #3498db; }
        body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group md-radio-button:nth-child(2) .md-on {
          background-color: #e67e22; }
        body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group md-radio-button:nth-child(2).md-checked .md-off {
          border-color: #e67e22; }
        body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group md-radio-button:nth-child(3) .md-on {
          background-color: #2ecc71; }
        body div.pub-pane div.content-bar div.pub-footer div.tag-input md-radio-group md-radio-button:nth-child(3).md-checked .md-off {
          border-color: #2ecc71; }
  body div.pub-pane div.content-bar div.pub-footer div.publish-live {
    width: 30%;
    position: relative;
    overflow: visible; }
    body div.pub-pane div.content-bar div.pub-footer div.publish-live div.publish-live-button {
      height: 100px;
      width: 100%;
      margin: 0 auto;
      margin-top: 5px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      background-color: rgba(39, 174, 96, 0.7);
      background-color: #1db259;
      color: #2C2C2C;
      text-align: center;
      border-radius: 2px;
      position: relative;
      font-size: 20px;
      font-weight: 600;
      line-height: 100px;
      transition: .1s linear background-color; }
      body div.pub-pane div.content-bar div.pub-footer div.publish-live div.publish-live-button:hover {
        cursor: pointer;
        background-color: #7DC59F;
        color: #2C2C2C; }
      body div.pub-pane div.content-bar div.pub-footer div.publish-live div.publish-live-button:active {
        top: 1px; }
    body div.pub-pane div.content-bar div.pub-footer div.publish-live span.error-text {
      position: absolute;
      top: -11px;
      color: rgba(255, 0, 0, 0.7); }
body div.pub-pane div.content-bar div.pub-panel.expanded-footer div#pub-body {
  height: calc(100% - 200px); }
body div.pub-pane div.content-bar div.pub-panel.expanded-footer div.pub-footer {
  height: 200px;
  background-color: #f6f6f6; }
body div.pub-pane div.content-bar div.pub-panel.expanded-footer div.citation-text {
  font-size: 15px;
  line-height: 20px;
  white-space: inherit !important; }
  body div.pub-pane div.content-bar div.pub-panel.expanded-footer div.citation-text span.cite-title {
    font-style: italic;
    font-weight: 700; }

div.options-block {
  position: absolute;
  top: -3px;
  right: 0;
  overflow: hidden;
  pointer-events: none;
  padding: 5px; }
  div.options-block div.options-header {
    display: inline-block;
    float: right;
    height: 30px;
    pointer-events: auto; }
    div.options-block div.options-header span.icon-header {
      z-index: 4;
      padding: 5px;
      font-size: 25px;
      color: rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  div.options-block div.options-content {
    clear: both;
    opacity: 0;
    transition: .1s linear opacity;
    margin-top: 40px;
    position: relative;
    border: 1px solid #1db259;
    background: #f6f6f6;
    padding: 10px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
    div.options-block div.options-content ul.dropdown {
      list-style: none;
      font-family: 'whitney-book'; }
      div.options-block div.options-content ul.dropdown a {
        text-decoration: none;
        color: #6F6A68; }
      div.options-block div.options-content ul.dropdown li {
        text-align: right;
        padding: 7px;
        color: #6F6A68;
        background: #f6f6f6;
        transition: .1s linear background-color; }
        div.options-block div.options-content ul.dropdown li.active {
          color: #1db259; }
        div.options-block div.options-content ul.dropdown li:hover {
          background-color: rgba(0, 0, 0, 0.1);
          cursor: pointer; }
          div.options-block div.options-content ul.dropdown li:hover.color-select {
            background: #f6f6f6; }
    div.options-block div.options-content:after, div.options-block div.options-content:before {
      bottom: 100%;
      left: calc(100% - 9px);
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    div.options-block div.options-content:after {
      border-color: rgba(136, 183, 213, 0);
      border-bottom-color: #f6f6f6;
      border-width: 7px;
      margin-left: -7px; }
    div.options-block div.options-content:before {
      border-color: rgba(194, 225, 245, 0);
      border-bottom-color: #1db259;
      border-width: 9px;
      margin-left: -9px; }
  div.options-block:hover {
    pointer-events: auto; }
    div.options-block:hover div.options-header span {
      color: #1db259; }
    div.options-block:hover div.options-content {
      opacity: 1; }
  div.options-block li.color-select {
    height: 48px;
    cursor: auto; }
    div.options-block li.color-select span {
      float: left;
      width: 25px;
      height: 25px;
      margin: 2px;
      border-radius: 6px;
      border: 4px solid #f6f6f6;
      transition: .1s linear border, .1s linear border-radius;
      position: relative;
      top: 0px;
      left: 0px; }
      div.options-block li.color-select span:hover {
        cursor: pointer;
        border-radius: 4px;
        border: 0px solid #f6f6f6; }
  div.options-block span.Grey {
    background-color: #FFF; }
  div.options-block span.Pink {
    background-color: #E47BAB; }
  div.options-block span.Orange {
    background-color: #E4B67B; }
  div.options-block span.Yellow {
    background-color: #D9D28F; }
  div.options-block span.Green {
    background-color: #B6D98F; }
  div.options-block span.Blue {
    background-color: #8FAFD9; }
  div.options-block span.Purple {
    background-color: #B38FD9; }

@-webkit-keyframes gradientAnimate {
  0% {
    background-position: 0% 50%; }

  50% {
    background-position: -200% 50%; }

  50% {
    background-position: 0% 50%; }

  100% {
    background-position: -200% 50%; } }

@keyframes gradientAnimate {
  0% {
    background-position: 0% 50%; }

  50% {
    background-position: -200% 50%; }

  50% {
    background-position: 0% 50%; }

  100% {
    background-position: -200% 50%; } }

body div.pub-pane {
  position: relative; }
  body div.pub-pane div.pub-panel {
    position: relative; }
    body div.pub-pane div.pub-panel div.loading-title {
      position: absolute; }
      body div.pub-pane div.pub-panel div.loading-title h1 {
        font-family: 'hoefler-titling';
        font-size: 60px;
        text-align: center;
        margin: 20px; }
      body div.pub-pane div.pub-panel div.loading-title div.redacted {
        background-color: #E4E4E1; }
        body div.pub-pane div.pub-panel div.loading-title div.redacted.header {
          height: 60px;
          margin: 15px 50px;
          width: calc(60% - 100px); }
          body div.pub-pane div.pub-panel div.loading-title div.redacted.header:first-of-type {
            width: calc(100% - 100px);
            margin-top: 40px; }
        body div.pub-pane div.pub-panel div.loading-title div.redacted.author {
          height: 20px;
          margin: 15px 50px;
          width: calc(50% - 100px); }
        body div.pub-pane div.pub-panel div.loading-title div.redacted.abstract {
          height: 10px;
          margin: 4px 50px;
          width: calc(100% - 100px); }
        body div.pub-pane div.pub-panel div.loading-title div.redacted.spacer {
          height: 50px;
          background-color: transparent;
          background: none; }
        body div.pub-pane div.pub-panel div.loading-title div.redacted.body {
          height: 10px;
          margin: 2px 50px;
          width: calc(50% - 100px);
          float: left; }
    body div.pub-pane div.pub-panel div.private-title {
      position: absolute;
      width: 100%; }
      body div.pub-pane div.pub-panel div.private-title p.private-header {
        font-family: 'hoefler-titling';
        font-size: 60px;
        text-align: center;
        margin: 20px; }
      body div.pub-pane div.pub-panel div.private-title p {
        font-family: 'hoefler-text';
        font-size: 20px;
        text-align: center; }
    body div.pub-pane div.pub-panel div#pub-body div.pub-header {
      width: calc(100% + 1px); }
    body div.pub-pane div.pub-panel div#pub-body div.pub-body-wrapper {
      padding: 50px; }
    body div.pub-pane div.pub-panel div#pub-body dir {
      margin: 0;
      padding: 0; }
    body div.pub-pane div.pub-panel div#pub-body img {
      max-width: 90%; }
    body div.pub-pane div.pub-panel a.reference:hover {
      cursor: pointer;
      color: #1db259; }
    body div.pub-pane div.pub-panel ::-moz-selection {
      background: rgba(0, 0, 0, 0.1);
      /* WebKit/Blink Browsers */ }
    body div.pub-pane div.pub-panel ::selection {
      background: rgba(0, 0, 0, 0.1);
      /* WebKit/Blink Browsers */ }
    body div.pub-pane div.pub-panel ::-moz-selection {
      background: rgba(0, 0, 0, 0.1);
      /* Gecko Browsers */ }
    body div.pub-pane div.pub-panel span.question, body div.pub-pane div.pub-panel span.discussion {
      background-color: rgba(212, 238, 170, 0.5); }
    body div.pub-pane div.pub-panel span.idea {
      background-color: rgba(154, 227, 255, 0.5); }
      body div.pub-pane div.pub-panel span.idea.versiontext {
        background-color: transparent; }
      body div.pub-pane div.pub-panel span.idea.versioncolor {
        background-color: #3498db; }
    body div.pub-pane div.pub-panel span.context {
      background-color: rgba(205, 152, 248, 0.5); }
    body div.pub-pane div.pub-panel span.highlight {
      border-bottom: 1px dashed green; }
    body div.pub-pane div.pub-panel span.question, body div.pub-pane div.pub-panel span.idea, body div.pub-pane div.pub-panel span.context, body div.pub-pane div.pub-panel span.highlight, body div.pub-pane div.pub-panel span.discussion {
      cursor: pointer;
      box-shadow: inset 0px 0px 1px transparent; }
      body div.pub-pane div.pub-panel span.question.focus, body div.pub-pane div.pub-panel span.idea.focus, body div.pub-pane div.pub-panel span.context.focus, body div.pub-pane div.pub-panel span.highlight.focus, body div.pub-pane div.pub-panel span.discussion.focus {
        box-shadow: inset 0px 0px 1px black;
        transition: .1s linear box-shadow;
        border-radius: 2px;
        overflow: visible; }
    body div.pub-pane div.pub-panel span.temphighlight {
      background-color: rgba(0, 0, 0, 0.1); }
    body div.pub-pane div.pub-panel .question.idea {
      background-color: rgba(128, 215, 197, 0.5);
      cursor: pointer; }
    body div.pub-pane div.pub-panel .question.context {
      background-color: rgba(176, 143, 191, 0.5);
      cursor: pointer; }
    body div.pub-pane div.pub-panel .idea.context {
      background-color: rgba(124, 159, 251, 0.5);
      cursor: pointer; }
    body div.pub-pane div.pub-panel .question.idea.context {
      background-color: rgba(110, 171, 195, 0.5);
      cursor: pointer; }
    body div.pub-pane div.pub-panel .highlight0 {
      background-color: rgba(0, 0, 0, 0.1); }
    body div.pub-pane div.pub-panel div.references li {
      font-size: 13px; }
      body div.pub-pane div.pub-panel div.references li:hover {
        background-color: rgba(0, 0, 0, 0.1);
        cursor: pointer; }
      body div.pub-pane div.pub-panel div.references li span.title {
        font-style: italic;
        font-weight: 700; }
      body div.pub-pane div.pub-panel div.references li span.url a {
        text-decoration: none;
        color: #222; }
        body div.pub-pane div.pub-panel div.references li span.url a:hover {
          cursor: pointer;
          color: #1db259; }

div.version-block {
  position: absolute;
  top: 78px;
  left: 0;
  height: 40px;
  width: 100%;
  pointer-events: none;
  display: block; }
  div.version-block div.version-ribbon {
    pointer-events: auto;
    height: 25px;
    width: 105px;
    position: relative; }
    div.version-block div.version-ribbon h1 {
      position: relative;
      left: 0px;
      padding-left: 10px;
      font-size: 14px;
      line-height: 25px;
      color: white;
      width: 105px;
      transition: .071s linear width; }
      div.version-block div.version-ribbon h1.versioncolor.idea {
        background-color: #3498db; }
      div.version-block div.version-ribbon h1.versioncolor.development {
        background-color: #e67e22; }
      div.version-block div.version-ribbon h1.versioncolor.conclusion {
        background-color: #2ecc71; }
      div.version-block div.version-ribbon h1.versioncolor.draft {
        background-color: #555; }
    div.version-block div.version-ribbon h1:after {
      content: '';
      position: absolute;
      top: 0px;
      left: -31px;
      width: 130%;
      /*We will be using the triangle logic - 2 sided borders and 0 height. That will create negative triangles on the left and right*/
      height: 0;
      border: 13px solid transparent;
      border-right: 10px solid #f6f6f6;
      /*Same color as the container which is the body in this case*/ }
  div.version-block div.version-list-wrapper {
    height: calc(100% - 25px);
    color: white; }
    div.version-block div.version-list-wrapper ul.version-list {
      z-index: 508;
      height: 0px;
      width: 100%;
      opacity: 0;
      position: absolute;
      overflow: hidden;
      background-color: #f6f6f6;
      background-color: #f6f6f6;
      list-style: none;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-top: 0px;
      border-right: 0px;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
      div.version-block div.version-list-wrapper ul.version-list li {
        width: auto;
        transition: .1s linear background-color;
        position: relative;
        background-color: white;
        padding: 10px;
        padding-left: 5px;
        padding-bottom: 0px;
        background-color: #f6f6f6;
        background-color: #f6f6f6;
        left: 0;
        color: #222;
        cursor: pointer; }
        div.version-block div.version-list-wrapper ul.version-list li.currentversion.idea {
          border-left: 5px solid !important;
          border-left-color: rgba(52, 152, 219, 0.6) !important; }
        div.version-block div.version-list-wrapper ul.version-list li.currentversion.development {
          border-left: 5px solid !important;
          border-left-color: rgba(230, 126, 34, 0.6) !important; }
        div.version-block div.version-list-wrapper ul.version-list li.currentversion.conclusion {
          border-left: 5px solid !important;
          border-left-color: rgba(46, 204, 113, 0.6) !important; }
        div.version-block div.version-list-wrapper ul.version-list li.currentversion.draft {
          border-left: 5px solid !important;
          border-left-color: rgba(85, 85, 85, 0.6) !important; }
        div.version-block div.version-list-wrapper ul.version-list li:hover {
          background-color: #ccc; }
        div.version-block div.version-list-wrapper ul.version-list li div.bottom-border {
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
          width: 70%;
          margin: 0 auto;
          padding-top: 10px; }
      div.version-block div.version-list-wrapper ul.version-list div.version-box {
        float: left;
        width: 35px; }
        div.version-block div.version-list-wrapper ul.version-list div.version-box span.version-type {
          text-transform: none;
          position: absolute;
          bottom: 10px;
          font-size: 12px;
          left: 10px;
          font-family: 'whitney-book'; }
        div.version-block div.version-list-wrapper ul.version-list div.version-box span.versioncolor {
          display: inline-block;
          color: white;
          padding: 2px 3px;
          text-align: center;
          border-radius: 2px; }
      div.version-block div.version-list-wrapper ul.version-list div.version-text {
        margin-left: 35px;
        text-transform: none;
        color: #6F6A68; }
        div.version-block div.version-list-wrapper ul.version-list div.version-text div.title {
          text-align: center;
          text-align: right;
          font-family: 'whitney-semibold'; }
        div.version-block div.version-list-wrapper ul.version-list div.version-text div.description {
          text-align: right; }
          div.version-block div.version-list-wrapper ul.version-list div.version-text div.description p {
            font-family: 'whitney-book';
            font-size: 14px;
            line-height: 15px; }
        div.version-block div.version-list-wrapper ul.version-list div.version-text div.date {
          text-align: right;
          color: rgba(0, 0, 0, 0.4); }

div.version-block.versionListActive {
  pointer-events: auto;
  height: calc(100% - 103px); }
  div.version-block.versionListActive div.version-ribbon {
    width: 100%; }
    div.version-block.versionListActive div.version-ribbon h1 {
      width: 100%; }
  div.version-block.versionListActive div.version-list-wrapper ul.version-list {
    opacity: 1;
    transition: .1s linear opacity, .2s linear height;
    transition-delay: .071s;
    display: block;
    pointer-events: auto;
    height: calc(100%);
    overflow: scroll;
    overflow-x: hidden; }

div.edit-button {
  position: absolute;
  top: 4px;
  left: 105px;
  font-size: 12px;
  color: #4F4A48;
  padding: 2px 5px;
  border-radius: 2px;
  pointer-events: auto; }
  div.edit-button:hover {
    color: #111;
    cursor: pointer; }
  div.edit-button:active {
    top: 5px; }

.versioncolor.idea {
  background-color: #3498db; }

.versioncolor.development {
  background-color: #e67e22; }

.versioncolor.conclusion {
  background-color: #2ecc71; }

.versioncolor.draft {
  background-color: #555; }

.versiontext.idea {
  color: #3498db; }

.versiontext.development {
  color: #e67e22; }

.versiontext.conclusion {
  color: #2ecc71; }

.versiontext.draft {
  color: #555; }

md-dialog.markdown-popup {
  width: 58%;
  overflow: scroll;
  height: 100%;
  max-height: 92%;
  top: 20px; }
  md-dialog.markdown-popup div.markdown {
    padding: 30px;
    padding-bottom: 50px; }
    md-dialog.markdown-popup div.markdown p {
      font-family: 'hoefler-text';
      white-space: pre-wrap; }

div.select-modal {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
  overflow: hidden;
  padding: 6px;
  opacity: 0;
  transition: .2s linear opacity;
  z-index: 99999; }
  div.select-modal div.modal-wrapper {
    background-color: #4f4f4f;
    border-radius: 2px;
    border: 1px solid #1db259;
    background: #f6f6f6;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    position: relative;
    text-align: center;
    padding: 5px 0px; }
    div.select-modal div.modal-wrapper span {
      color: #222;
      transition: .1s linear color;
      font-size: 20px;
      padding: 0px 15px; }
      div.select-modal div.modal-wrapper span:first-of-type {
        box-shadow: 2px 0px 2px -2px black; }
      div.select-modal div.modal-wrapper span.text {
        font-size: 16px; }
      div.select-modal div.modal-wrapper span:hover {
        cursor: pointer;
        color: #1db259; }
  div.select-modal.show-modal {
    opacity: 1;
    pointer-events: auto; }
    div.select-modal.show-modal div.modal-wrapper {
      -webkit-animation-duration: .2s;
      animation-duration: .2s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounce;
      animation-name: bounce;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease; }
  div.select-modal hr {
    margin: 2;
    border-color: rgba(255, 255, 255, 0.3); }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-60px); }

  40% {
    -webkit-transform: translateY(0px); }

  90% {
    -webkit-transform: translateY(2px); }

  100% {
    -webkit-transform: translateY(0px); } }

@keyframes bounce {
  0% {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px); }

  40% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }

  90% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header {
  background-color: #7EC7DB;
  transition: .2s linear background-color;
  padding: 60px;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header h1 {
    font-family: 'hoefler-titling-LtSC';
    font-size: 35px;
    padding: 0px 40px;
    color: #222;
    letter-spacing: -1px;
    font-weight: bold; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header dir.author-string a {
    font-family: 'hoefler-text';
    font-size: 18px;
    color: #8F8A88;
    padding: 20px 0px;
    text-align: center; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header dir.author-string a:hover {
    text-decoration: underline; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header p {
    font-family: 'hoefler-text';
    font-size: 18px;
    line-height: 23px;
    text-align: justify;
    color: #8F8A88; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header a {
    text-decoration: none; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.grey {
    background-color: #FFF; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.orange {
    background-color: #E4B67B; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.orange h1, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.orange dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.orange dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.orange p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.orange a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.green {
    background-color: #B6D98F; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.green h1, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.green dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.green dir.author-string a {
      color: #555; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.green p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.green a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.blue {
    background-color: #8FAFD9; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.blue h1, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.blue dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.blue dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.blue p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.blue a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.purple {
    background-color: #B38FD9; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.purple h1, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.purple dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.purple dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.purple p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.purple a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.yellow {
    background-color: #D9D28F; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.yellow h1, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.yellow dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.yellow dir.author-string a {
      color: #555; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.yellow p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.yellow a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.pink {
    background-color: #E47BAB; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.pink h1, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.pink dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.pink dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.pink p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-header.pink a {
      color: #555; }
body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-body-wrapper {
  color: #2C2C2C; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-body-wrapper h1, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-body-wrapper h2, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-body-wrapper h3 {
    font-family: 'hoefler-titling'; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-body-wrapper p, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-body-wrapper ul {
    font-family: 'hoefler-text';
    line-height: 22px;
    font-weight: 100;
    padding: 10px 0px;
    color: #2C2C2C;
    text-align: justify; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column div.pub-body-wrapper ul {
    padding-left: 25px; }
body div.pub-pane div.pub-panel div#pub-body.Two-Column img {
  max-width: 90%; }
body div.pub-pane div.pub-panel div#pub-body.Two-Column dir.body, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.references {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 60px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 60px;
  /* Firefox */
  column-gap: 60px; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column dir.body iframe, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.references iframe {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column dir.body video, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.references video {
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto; }
  body div.pub-pane div.pub-panel div#pub-body.Two-Column dir.body h1.pagebreak, body div.pub-pane div.pub-panel div#pub-body.Two-Column div.references h1.pagebreak {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    width: calc(100% + 40px);
    height: 5px;
    position: relative;
    left: -20px;
    margin-top: 40px;
    margin-bottom: 40px;
    z-index: 10;
    color: transparent;
    background-color: #f6f6f6;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    /* No support for these yet, use at own risk */
    user-select: none;
    z-index: 20; }

body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header {
  background-color: #7EC7DB;
  transition: .2s linear background-color;
  padding: 60px;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header h1 {
    font-family: 'hoefler-titling-LtSC';
    font-size: 35px;
    padding: 0px 40px;
    color: #222;
    letter-spacing: -1px;
    font-weight: bold; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header dir.author-string a {
    font-family: 'hoefler-text';
    font-size: 18px;
    color: #8F8A88;
    padding: 20px 0px;
    text-align: center; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header dir.author-string a:hover {
    text-decoration: underline; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header p {
    font-family: 'hoefler-text';
    font-size: 18px;
    line-height: 23px;
    text-align: justify;
    color: #8F8A88; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header a {
    text-decoration: none; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.grey {
    background-color: #FFF; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.orange {
    background-color: #E4B67B; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.orange h1, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.orange dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.orange dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.orange p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.orange a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.green {
    background-color: #B6D98F; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.green h1, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.green dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.green dir.author-string a {
      color: #555; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.green p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.green a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.blue {
    background-color: #8FAFD9; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.blue h1, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.blue dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.blue dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.blue p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.blue a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.purple {
    background-color: #B38FD9; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.purple h1, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.purple dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.purple dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.purple p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.purple a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.yellow {
    background-color: #D9D28F; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.yellow h1, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.yellow dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.yellow dir.author-string a {
      color: #555; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.yellow p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.yellow a {
      color: #555; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.pink {
    background-color: #E47BAB; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.pink h1, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.pink dir.author-string p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.pink dir.author-string a {
      color: #fff; }
    body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.pink p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-header.pink a {
      color: #555; }
body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-body-wrapper {
  color: #2C2C2C; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-body-wrapper h1, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-body-wrapper h2, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-body-wrapper h3 {
    font-family: 'hoefler-titling'; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-body-wrapper p, body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-body-wrapper ul {
    font-family: 'hoefler-text';
    line-height: 22px;
    font-weight: 100;
    padding: 10px 0px;
    color: #2C2C2C;
    text-align: justify; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column div.pub-body-wrapper ul {
    padding-left: 25px; }
body div.pub-pane div.pub-panel div#pub-body.One-Column img {
  max-width: 90%;
  margin: 0 auto;
  display: block; }
body div.pub-pane div.pub-panel div#pub-body.One-Column dir.body, body div.pub-pane div.pub-panel div#pub-body.One-Column div.references {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
  -webkit-column-gap: 60px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 60px;
  /* Firefox */
  column-gap: 60px; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column dir.body iframe, body div.pub-pane div.pub-panel div#pub-body.One-Column div.references iframe {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column dir.body video, body div.pub-pane div.pub-panel div#pub-body.One-Column div.references video {
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto; }
  body div.pub-pane div.pub-panel div#pub-body.One-Column dir.body h1.pagebreak, body div.pub-pane div.pub-panel div#pub-body.One-Column div.references h1.pagebreak {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    width: calc(100% + 40px);
    height: 5px;
    position: relative;
    left: -20px;
    margin-top: 40px;
    margin-bottom: 40px;
    z-index: 10;
    color: transparent;
    background-color: #f6f6f6;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    /* No support for these yet, use at own risk */
    user-select: none;
    z-index: 20; }

div#pub-body.IEEE div.pub-header {
  background-color: #7EC7DB;
  transition: .2s linear background-color;
  padding: 60px;
  color: #fff; }
  div#pub-body.IEEE div.pub-header h1 {
    font-family: 'hoefler-text';
    text-transform: uppercase;
    font-size: 30px;
    text-align: center; }
  div#pub-body.IEEE div.pub-header dir.author-string p, div#pub-body.IEEE div.pub-header dir.author-string a {
    font-family: 'hoefler-titling';
    font-size: 18px;
    color: #fff;
    padding-top: 10px;
    text-align: center; }
  div#pub-body.IEEE div.pub-header dir.author-string a:hover {
    text-decoration: underline; }
  div#pub-body.IEEE div.pub-header p {
    font-family: 'hoefler-text-italic';
    font-size: 18px;
    line-height: 23px;
    color: #454545;
    text-align: justify;
    padding-top: 30px; }
  div#pub-body.IEEE div.pub-header a {
    text-decoration: none;
    color: #454545; }
  div#pub-body.IEEE div.pub-header.grey {
    background-color: #FFF; }
    div#pub-body.IEEE div.pub-header.grey h1, div#pub-body.IEEE div.pub-header.grey dir.author-string p, div#pub-body.IEEE div.pub-header.grey dir.author-string a {
      color: #555; }
    div#pub-body.IEEE div.pub-header.grey p, div#pub-body.IEEE div.pub-header.grey a {
      color: #555; }
  div#pub-body.IEEE div.pub-header.orange {
    background-color: #E4B67B; }
    div#pub-body.IEEE div.pub-header.orange h1, div#pub-body.IEEE div.pub-header.orange dir.author-string p, div#pub-body.IEEE div.pub-header.orange dir.author-string a {
      color: #fff; }
    div#pub-body.IEEE div.pub-header.orange p, div#pub-body.IEEE div.pub-header.orange a {
      color: #555; }
  div#pub-body.IEEE div.pub-header.green {
    background-color: #B6D98F; }
    div#pub-body.IEEE div.pub-header.green h1, div#pub-body.IEEE div.pub-header.green dir.author-string p, div#pub-body.IEEE div.pub-header.green dir.author-string a {
      color: #555; }
    div#pub-body.IEEE div.pub-header.green p, div#pub-body.IEEE div.pub-header.green a {
      color: #555; }
  div#pub-body.IEEE div.pub-header.blue {
    background-color: #8FAFD9; }
    div#pub-body.IEEE div.pub-header.blue h1, div#pub-body.IEEE div.pub-header.blue dir.author-string p, div#pub-body.IEEE div.pub-header.blue dir.author-string a {
      color: #fff; }
    div#pub-body.IEEE div.pub-header.blue p, div#pub-body.IEEE div.pub-header.blue a {
      color: #555; }
  div#pub-body.IEEE div.pub-header.purple {
    background-color: #B38FD9; }
    div#pub-body.IEEE div.pub-header.purple h1, div#pub-body.IEEE div.pub-header.purple dir.author-string p, div#pub-body.IEEE div.pub-header.purple dir.author-string a {
      color: #fff; }
    div#pub-body.IEEE div.pub-header.purple p, div#pub-body.IEEE div.pub-header.purple a {
      color: #555; }
  div#pub-body.IEEE div.pub-header.yellow {
    background-color: #D9D28F; }
    div#pub-body.IEEE div.pub-header.yellow h1, div#pub-body.IEEE div.pub-header.yellow dir.author-string p, div#pub-body.IEEE div.pub-header.yellow dir.author-string a {
      color: #555; }
    div#pub-body.IEEE div.pub-header.yellow p, div#pub-body.IEEE div.pub-header.yellow a {
      color: #555; }
  div#pub-body.IEEE div.pub-header.pink {
    background-color: #E47BAB; }
    div#pub-body.IEEE div.pub-header.pink h1, div#pub-body.IEEE div.pub-header.pink dir.author-string p, div#pub-body.IEEE div.pub-header.pink dir.author-string a {
      color: #fff; }
    div#pub-body.IEEE div.pub-header.pink p, div#pub-body.IEEE div.pub-header.pink a {
      color: #555; }
div#pub-body.IEEE div.pub-body-wrapper h1, div#pub-body.IEEE div.pub-body-wrapper h2, div#pub-body.IEEE div.pub-body-wrapper h3 {
  font-family: 'hoefler-titling'; }
div#pub-body.IEEE div.pub-body-wrapper p, div#pub-body.IEEE div.pub-body-wrapper ul {
  font-family: 'Times-New-Roman';
  line-height: 18px;
  font-weight: 100;
  padding: 10px 0px; }
div#pub-body.IEEE div.pub-body-wrapper ul {
  padding-left: 25px; }
div#pub-body.IEEE img {
  max-width: 90%; }
div#pub-body.IEEE dir.body, div#pub-body.IEEE div.references {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 100px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 100px;
  /* Firefox */
  column-gap: 100px; }
  div#pub-body.IEEE dir.body iframe, div#pub-body.IEEE div.references iframe {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0; }
  div#pub-body.IEEE dir.body video, div#pub-body.IEEE div.references video {
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto; }
  div#pub-body.IEEE dir.body h1.pagebreak, div#pub-body.IEEE div.references h1.pagebreak {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    width: calc(100% + 40px);
    height: 5px;
    position: relative;
    left: -20px;
    margin-top: 40px;
    margin-bottom: 40px;
    z-index: 10;
    color: transparent;
    background-color: #f6f6f6;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    /* No support for these yet, use at own risk */
    user-select: none;
    z-index: 20; }

div#pub-body.magazine div.pub-header {
  background-color: #7EC7DB;
  transition: .2s linear background-color;
  padding: 60px;
  color: #fff; }
  div#pub-body.magazine div.pub-header h1 {
    font-family: 'Comic Sans MS';
    font-size: 60px;
    text-shadow: 5px 4px black;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    text-align: center;
    color: #1ff422; }
  div#pub-body.magazine div.pub-header dir.author-string p, div#pub-body.magazine div.pub-header dir.author-string a {
    font-family: 'Comic Sans MS';
    font-size: 48px;
    line-height: 45px;
    color: #fff;
    padding-top: 10px;
    text-align: left;
    text-shadow: -3px -3px black; }
  div#pub-body.magazine div.pub-header dir.author-string a:hover {
    text-decoration: underline; }
  div#pub-body.magazine div.pub-header p {
    font-family: 'Comic Sans MS';
    text-shadow: 2px 2px black;
    font-size: 28px;
    line-height: 23px;
    text-align: justify;
    padding-top: 30px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black; }
  div#pub-body.magazine div.pub-header a {
    text-decoration: none; }
div#pub-body.magazine div.pub-body-wrapper {
  background-color: #faf864; }
  div#pub-body.magazine div.pub-body-wrapper h1, div#pub-body.magazine div.pub-body-wrapper h2, div#pub-body.magazine div.pub-body-wrapper h3 {
    font-family: 'Comic Sans MS';
    color: #0DF9A8; }
  div#pub-body.magazine div.pub-body-wrapper p, div#pub-body.magazine div.pub-body-wrapper ul {
    font-family: 'Comic Sans MS';
    line-height: 18px;
    font-weight: 100;
    padding: 10px 0px;
    color: #ab0df9; }
  div#pub-body.magazine div.pub-body-wrapper ul {
    padding-left: 25px; }
div#pub-body.magazine img {
  max-width: 90%; }
div#pub-body.magazine dir.body, div#pub-body.magazine div.references {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2; }
  div#pub-body.magazine dir.body iframe, div#pub-body.magazine div.references iframe {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0; }
  div#pub-body.magazine dir.body video, div#pub-body.magazine div.references video {
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    display: block;
    width: 80%;
    margin: 0 auto; }
  div#pub-body.magazine dir.body h1.pagebreak, div#pub-body.magazine div.references h1.pagebreak {
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
    width: calc(100% + 40px);
    height: 5px;
    position: relative;
    left: -20px;
    margin-top: 40px;
    margin-bottom: 40px;
    z-index: 10;
    color: transparent;
    background-color: #f6f6f6;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    /* No support for these yet, use at own risk */
    user-select: none;
    z-index: 20; }

body div.pub-pane div.left-panel, body div.pub-pane div.center-panel, body div.pub-pane div.right-panel {
  float: left;
  height: 100%;
  padding: 0px 0px;
  position: relative; }
body div.pub-pane div.left-panel, body div.pub-pane div.right-panel {
  background-color: #f6f6f6;
  width: 20%;
  z-index: 0; }
body div.pub-pane div.center-panel {
  background-color: #fff;
  width: calc(100% - 2 * 20%);
  height: calc(100% + 11px);
  margin-top: -11px;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.25);
  z-index: 1; }

.body-directive {
  overflow: scroll;
  overflow-x: hidden;
  height: 100%; }

h2.pub-left-title {
  height: 78px;
  margin-bottom: 55px;
  padding: 30px 10px;
  padding-right: 40px;
  color: #4F4A48;
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap; }

div.versions-directive div.version-block {
  position: absolute;
  top: 78px;
  left: 0;
  height: 40px;
  width: 100%;
  pointer-events: none;
  display: block; }
  div.versions-directive div.version-block div.version-ribbon {
    pointer-events: auto;
    height: 25px;
    width: 105px;
    position: relative; }
    div.versions-directive div.version-block div.version-ribbon h1 {
      position: relative;
      left: 0px;
      padding-left: 10px;
      font-size: 14px;
      line-height: 25px;
      color: white;
      width: 105px;
      transition: .071s linear width; }
      div.versions-directive div.version-block div.version-ribbon h1.versioncolor.idea {
        background-color: #3498db; }
      div.versions-directive div.version-block div.version-ribbon h1.versioncolor.development {
        background-color: #e67e22; }
      div.versions-directive div.version-block div.version-ribbon h1.versioncolor.conclusion {
        background-color: #2ecc71; }
      div.versions-directive div.version-block div.version-ribbon h1.versioncolor.draft {
        background-color: #555; }
    div.versions-directive div.version-block div.version-ribbon h1:after {
      content: '';
      position: absolute;
      top: 0px;
      left: -31px;
      width: 130%;
      /*We will be using the triangle logic - 2 sided borders and 0 height. That will create negative triangles on the left and right*/
      height: 0;
      border: 13px solid transparent;
      border-right: 10px solid #f6f6f6;
      /*Same color as the container which is the body in this case*/ }
  div.versions-directive div.version-block div.version-list-wrapper {
    height: calc(100% - 25px);
    color: white; }
    div.versions-directive div.version-block div.version-list-wrapper ul.version-list {
      z-index: 508;
      height: 0px;
      width: 100%;
      opacity: 0;
      position: absolute;
      overflow: hidden;
      background-color: #f6f6f6;
      background-color: #f6f6f6;
      list-style: none;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-top: 0px;
      border-right: 0px;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
      div.versions-directive div.version-block div.version-list-wrapper ul.version-list li {
        width: auto;
        transition: .1s linear background-color;
        position: relative;
        background-color: white;
        padding: 10px;
        padding-left: 5px;
        padding-bottom: 0px;
        background-color: #f6f6f6;
        background-color: #f6f6f6;
        left: 0;
        color: #222;
        cursor: pointer; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list li.currentversion.idea {
          border-left: 5px solid !important;
          border-left-color: rgba(52, 152, 219, 0.6) !important; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list li.currentversion.development {
          border-left: 5px solid !important;
          border-left-color: rgba(230, 126, 34, 0.6) !important; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list li.currentversion.conclusion {
          border-left: 5px solid !important;
          border-left-color: rgba(46, 204, 113, 0.6) !important; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list li.currentversion.draft {
          border-left: 5px solid !important;
          border-left-color: rgba(85, 85, 85, 0.6) !important; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list li:hover {
          background-color: #ccc; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list li div.bottom-border {
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
          width: 70%;
          margin: 0 auto;
          padding-top: 10px; }
      div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-box {
        float: left;
        width: 35px; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-box span.version-type {
          text-transform: none;
          position: absolute;
          bottom: 10px;
          font-size: 12px;
          left: 10px;
          font-family: 'whitney-book'; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-box span.versioncolor {
          display: inline-block;
          color: white;
          padding: 2px 3px;
          text-align: center;
          border-radius: 2px; }
      div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-text {
        margin-left: 35px;
        text-transform: none;
        color: #6F6A68; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-text div.title {
          text-align: center;
          text-align: right;
          font-family: 'whitney-semibold'; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-text div.description {
          text-align: right; }
          div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-text div.description p {
            font-family: 'whitney-book';
            font-size: 14px;
            line-height: 15px; }
        div.versions-directive div.version-block div.version-list-wrapper ul.version-list div.version-text div.date {
          text-align: right;
          color: rgba(0, 0, 0, 0.4); }
div.versions-directive div.version-block.versionListActive {
  pointer-events: auto;
  height: calc(100% - 103px); }
  div.versions-directive div.version-block.versionListActive div.version-ribbon {
    width: 100%; }
    div.versions-directive div.version-block.versionListActive div.version-ribbon h1 {
      width: 100%; }
  div.versions-directive div.version-block.versionListActive div.version-list-wrapper ul.version-list {
    opacity: 1;
    transition: .1s linear opacity, .2s linear height;
    transition-delay: .071s;
    display: block;
    pointer-events: auto;
    height: calc(100%);
    overflow: scroll;
    overflow-x: hidden; }
div.versions-directive div.edit-button {
  position: absolute;
  top: 4px;
  left: 105px;
  font-size: 12px;
  color: #4F4A48;
  padding: 2px 5px;
  border-radius: 2px;
  pointer-events: auto; }
  div.versions-directive div.edit-button:hover {
    color: #111;
    cursor: pointer; }
  div.versions-directive div.edit-button:active {
    top: 5px; }
div.versions-directive .versioncolor.idea {
  background-color: #3498db; }
div.versions-directive .versioncolor.development {
  background-color: #e67e22; }
div.versions-directive .versioncolor.conclusion {
  background-color: #2ecc71; }
div.versions-directive .versioncolor.draft {
  background-color: #555; }
div.versions-directive .versiontext.idea {
  color: #3498db; }
div.versions-directive .versiontext.development {
  color: #e67e22; }
div.versions-directive .versiontext.conclusion {
  color: #2ecc71; }
div.versions-directive .versiontext.draft {
  color: #555; }

div.authors-directive h3 {
  padding: 10px;
  color: #4F4A48;
  font-size: 16px;
  text-align: left;
  margin-top: 5px; }
  div.authors-directive h3:first-of-type {
    margin-top: 0px;
    padding-top: 0; }
div.authors-directive div.section {
  position: relative;
  padding: 10px;
  padding-top: 0px;
  padding-right: 40px; }
div.authors-directive div.section a {
  text-decoration: none;
  color: #6F6A68; }
  div.authors-directive div.section a:hover {
    color: #1db259;
    cursor: pointer; }
  div.authors-directive div.section a h4 {
    padding-left: 15px;
    font-size: 16px;
    font-family: 'whitney-book'; }
div.authors-directive div.section div.affiliations {
  margin-top: 20px;
  margin-bottom: 1.2vw; }
  div.authors-directive div.section div.affiliations:after {
    content: "";
    display: table;
    clear: both; }
  div.authors-directive div.section div.affiliations div.affiliation {
    text-align: right;
    width: 20%;
    max-width: 50px;
    float: left;
    border: 1px solid transparent; }
    div.authors-directive div.section div.affiliations div.affiliation img {
      width: 100%; }
    div.authors-directive div.section div.affiliations div.affiliation h4 {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      text-align: left;
      opacity: 0;
      font-size: 1.2vw;
      transition: .1s linear opacity; }
    div.authors-directive div.section div.affiliations div.affiliation:hover {
      border: 1px solid #1db259; }
      div.authors-directive div.section div.affiliations div.affiliation:hover h4 {
        opacity: 1;
        color: #4F4A48; }

div.toc-directive h3 {
  padding: 10px;
  color: #4F4A48;
  font-size: 16px;
  text-align: left;
  margin-top: 5px; }
  div.toc-directive h3:first-of-type {
    margin-top: 0px;
    padding-top: 0; }
div.toc-directive div.section {
  position: relative;
  padding: 10px;
  padding-top: 0px;
  padding-right: 40px; }
div.toc-directive div.section a {
  text-decoration: none;
  color: #6F6A68; }
  div.toc-directive div.section a:hover {
    color: #1db259;
    cursor: pointer; }
  div.toc-directive div.section a h4 {
    padding-left: 15px;
    font-size: 16px;
    font-family: 'whitney-book'; }
div.toc-directive div.section div.affiliations {
  margin-top: 20px;
  margin-bottom: 1.2vw; }
  div.toc-directive div.section div.affiliations:after {
    content: "";
    display: table;
    clear: both; }
  div.toc-directive div.section div.affiliations div.affiliation {
    text-align: right;
    width: 20%;
    max-width: 50px;
    float: left;
    border: 1px solid transparent; }
    div.toc-directive div.section div.affiliations div.affiliation img {
      width: 100%; }
    div.toc-directive div.section div.affiliations div.affiliation h4 {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      text-align: left;
      opacity: 0;
      font-size: 1.2vw;
      transition: .1s linear opacity; }
    div.toc-directive div.section div.affiliations div.affiliation:hover {
      border: 1px solid #1db259; }
      div.toc-directive div.section div.affiliations div.affiliation:hover h4 {
        opacity: 1;
        color: #4F4A48; }
div.toc-directive div.section ul {
  list-style: none; }
  div.toc-directive div.section ul li {
    position: relative;
    padding-left: 15px;
    color: #6F6A68;
    font-size: 14px; }
    div.toc-directive div.section ul li:hover {
      cursor: pointer;
      color: #1db259; }
    div.toc-directive div.section ul li.H1 {
      font-size: 16px;
      padding-top: 4px;
      padding-bottom: 4px;
      font-family: 'whitney-book'; }
      div.toc-directive div.section ul li.H1:first-of-type {
        border-top: 0; }
    div.toc-directive div.section ul li.H2 {
      font-size: 15px;
      font-family: 'whitney-book';
      margin-left: 15px;
      padding-left: 10px;
      padding-bottom: 4px;
      border-left: 1px solid rgba(52, 48, 46, 0.1); }
    div.toc-directive div.section ul li.H3 {
      font-size: 14px;
      font-family: 'whitney-book';
      margin-left: 25px;
      padding-left: 10px;
      border-left: 1px solid rgba(52, 48, 46, 0.1);
      padding-bottom: 4px; }

div.beta-page {
  width: 60%;
  margin: 0 auto; }
  div.beta-page h1, div.beta-page h2, div.beta-page h3, div.beta-page h4 {
    margin-top: 30px; }
  div.beta-page ul {
    margin-left: 40px; }
  div.beta-page div.primary-button {
    width: 300px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    margin-top: 20px; }
  div.beta-page a {
    text-decoration: none; }

div.content-area div.reset-pane {
  height: 100%;
  width: 100%;
  background-color: #f6f6f6;
  overflow: scroll; }
  div.content-area div.reset-pane div.reset-content {
    height: 100%;
    width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff; }
    div.content-area div.reset-pane div.reset-content h1, div.content-area div.reset-pane div.reset-content h2, div.content-area div.reset-pane div.reset-content h3, div.content-area div.reset-pane div.reset-content h4, div.content-area div.reset-pane div.reset-content h5, div.content-area div.reset-pane div.reset-content h6, div.content-area div.reset-pane div.reset-content p, div.content-area div.reset-pane div.reset-content ul, div.content-area div.reset-pane div.reset-content ol {
      font-family: 'whitney-book';
      padding-top: 20px;
      padding-bottom: 20px; }
    div.content-area div.reset-pane div.reset-content a {
      color: #2C2C2C; }
    div.content-area div.reset-pane div.reset-content p {
      padding-left: 20px; }
    div.content-area div.reset-pane div.reset-content p.pseudo-link {
      text-decoration: underline; }
      div.content-area div.reset-pane div.reset-content p.pseudo-link:hover {
        cursor: pointer; }

div.notifications-menu {
  overflow: visible;
  pointer-events: none;
  z-index: 10;
  position: relative;
  display: block; }
  div.notifications-menu div.header {
    float: right;
    pointer-events: auto; }
    div.notifications-menu div.header span.icon-header {
      z-index: 4;
      cursor: pointer; }
  div.notifications-menu:hover {
    pointer-events: auto; }
    div.notifications-menu:hover div.content {
      opacity: 1; }
  div.notifications-menu div.content {
    position: absolute;
    top: 47px;
    right: -2.5px;
    width: 250px;
    clear: both;
    opacity: 0;
    border: 1px solid #AEA9A0;
    background: #f6f6f6;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
    div.notifications-menu div.content:after, div.notifications-menu div.content:before {
      bottom: 100%;
      left: calc(100% - 9px);
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    div.notifications-menu div.content:after {
      border-color: rgba(136, 183, 213, 0);
      border-bottom-color: #f6f6f6;
      border-width: 7px;
      margin-left: -7px; }
    div.notifications-menu div.content:before {
      border-color: rgba(194, 225, 245, 0);
      border-bottom-color: #AEA9A0;
      border-width: 9px;
      margin-left: -9px; }
    div.notifications-menu div.content ul.dropdown {
      list-style: none;
      font-family: 'whitney-book'; }
      div.notifications-menu div.content ul.dropdown a {
        text-decoration: none;
        color: #6F6A68; }
      div.notifications-menu div.content ul.dropdown li {
        padding: 7px;
        color: #6F6A68;
        background: #f6f6f6; }
        div.notifications-menu div.content ul.dropdown li:active {
          border: 1px solid rgba(0, 0, 0, 0.1); }
        div.notifications-menu div.content ul.dropdown li:hover {
          background-color: rgba(0, 0, 0, 0.1);
          cursor: pointer; }
  div.notifications-menu .counter {
    padding: 1px 3px;
    font-size: 0.5em;
    border-radius: 4px;
    height: auto;
    width: auto;
    line-height: 15px;
    font-size: 12px;
    position: absolute;
    right: -6px;
    top: 28px; }
    div.notifications-menu .counter.unread {
      color: white;
      background-color: rgba(213, 98, 90, 0.96); }
  div.notifications-menu .content {
    width: calc(25% + 25px);
    min-width: 270px;
    padding: 7px; }
    div.notifications-menu .content ul {
      max-height: 85vh;
      overflow: scroll; }
  div.notifications-menu li {
    line-height: 25px; }
    div.notifications-menu li.unread {
      background-color: white !important; }
      div.notifications-menu li.unread:hover {
        background-color: rgba(0, 0, 0, 0.1) !important; }
  div.notifications-menu li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  div.notifications-menu .notification {
    font-size: 15px;
    line-height: 5px; }

@media print {
  body, html, .pub-panel, .content-bar, div#pub-body {
    display: block;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    margin: auto !important; }
  .top-blank-bar {
    display: none; }
  action-bar {
    display: none; }
  .pub-footer {
    display: none; }
  .search-box {
    display: none; }
  .left-bar {
    display: none; }
  .right-panel {
    display: none; }
  .header-bar.ng-scope {
    display: none; }
  .options-content {
    display: none !important; }
  .options-header {
    display: none !important; }
  dir.body, div.references {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }
  .content-area {
    height: auto !important; }
  .pub-body.card {
    height: auto !important;
    padding: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    box-shadow: none !important;
    border: none !important;
    margin-left: auto;
    margin-right: auto; }
  .pub-pane {
    height: auto !important; }
  .ng-scope {
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .content-area {
    border: none;
    margin-left: auto !important;
    margin-right: auto !important; }
  .center-bar {
    float: none !important;
    width: 100% !important; }
  iframe {
    display: none !important; } }

body.mobile {
  min-width: 368px !important;
  overflow: visible !important; }
  body.mobile .top-blank-bar {
    display: none; }
  body.mobile action-bar {
    display: none; }
  body.mobile .search-box {
    display: none; }
  body.mobile .header-bar {
    display: block;
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100% !important;
    z-index: 1;
    height: 100px !important; }
    body.mobile .header-bar .mobile-header-btn {
      z-index: 10;
      padding: 15px 20px;
      color: white;
      line-height: 75px;
      height: 100px;
      width: 130px;
      display: block;
      float: left;
      cursor: pointer;
      font-size: 45px; }
    body.mobile .header-bar .left-toggle-mobile {
      float: left;
      padding-left: 30px; }
    body.mobile .header-bar .right-toggle-mobile {
      float: right;
      padding-right: 30px; }
  body.mobile .content-area {
    height: auto !important;
    margin-top: 100px !important; }
  body.mobile .pub-pane .pub-footer {
    display: none; }
  body.mobile .pub-pane div#pub-body {
    width: 100%; }
  body.mobile .pub-pane .pub-panel {
    width: 100% !important; }
    body.mobile .pub-pane .pub-panel div.pub-header dir.author-string p, body.mobile .pub-pane .pub-panel div.pub-header dir.author-string a {
      padding: 45px 0px !important; }
    body.mobile .pub-pane .pub-panel div.pub-header h1 {
      font-size: 80px !important;
      line-height: 80px !important; }
    body.mobile .pub-pane .pub-panel div.pub-header p {
      font-size: 40px !important;
      line-height: 40px !important; }
    body.mobile .pub-pane .pub-panel div.pub-body-wrapper h1 {
      font-size: 50px !important;
      line-height: 56px !important;
      margin-top: 20px !important;
      margin-bottom: 10px !important; }
    body.mobile .pub-pane .pub-panel div.pub-body-wrapper h2 {
      font-size: 40px !important;
      line-height: 46px !important;
      margin-top: 20px !important;
      margin-bottom: 10px !important; }
    body.mobile .pub-pane .pub-panel div.pub-body-wrapper h3 {
      font-size: 35px !important;
      line-height: 41px !important;
      margin-top: 20px !important;
      margin-bottom: 10px !important; }
    body.mobile .pub-pane .pub-panel div.pub-body-wrapper p, body.mobile .pub-pane .pub-panel div.pub-body-wrapper li {
      font-size: 40px !important;
      line-height: 46px !important;
      margin-top: 5px !important;
      margin-bottom: 5px !important; }
  body.mobile .pub-pane .content-bar {
    width: 100% !important; }
  body.mobile .pub-pane .right-panel {
    visibility: hidden;
    position: fixed;
    right: -200px;
    top: 0px;
    /* Safari */
    transition: visibility 0s -webkit-transform 0.25s !important;
    transition: visibility 0s transform 0.25s !important; }
  body.mobile .pub-pane .right-panel.mobile {
    visibility: visible;
    display: block;
    position: fixed;
    right: -200px;
    top: 0px;
    z-index: 2;
    width: 15%;
    width: 45%;
    -webkit-box-shadow: 5px 0 5px 7px rgba(136, 136, 136, 0.23);
    /* Safari */
    transition: -webkit-transform 0.25s !important;
    transition: transform 0.25s !important;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
        transform: translateX(-200px); }
    body.mobile .pub-pane .right-panel.mobile ul.discussion-list.top {
      -webkit-transform: scale(1.6);
          -ms-transform: scale(1.6);
              transform: scale(1.6);
      -webkit-transform-origin: 0px 0px;
          -ms-transform-origin: 0px 0px;
              transform-origin: 0px 0px; }
  body.mobile .pub-pane .left-bar {
    width: 45%;
    visibility: hidden;
    position: fixed;
    left: -200px;
    top: 0px;
    /* Safari */
    transition: visibility 0s -webkit-transform 0.25s !important;
    transition: visibility 0s transform 0.25s !important; }
    body.mobile .pub-pane .left-bar div.bar-content {
      -webkit-transform: scale(1.6);
          -ms-transform: scale(1.6);
              transform: scale(1.6);
      -webkit-transform-origin: 0px 0px;
          -ms-transform-origin: 0px 0px;
              transform-origin: 0px 0px; }
  body.mobile .pub-pane .left-bar.mobile {
    visibility: visible;
    display: block;
    z-index: 2;
    -webkit-box-shadow: 5px 0 5px -2px rgba(136, 136, 136, 0.23);
    /* Safari */
    transition: -webkit-transform 0.25s !important;
    transition: transform 0.25s !important;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
        transform: translateX(200px); }
  body.mobile .pub-pane dir.body, body.mobile .pub-pane div.references {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }
  body.mobile .center-bar {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    box-shadow: none; }
  body.mobile div#pub-wrapper {
    height: auto;
    overflow: visible !important; }
  body.mobile iframe {
    display: none !important; }

div.design-guide div.content-bar {
  padding: 50px;
  width: 100%; }
div.design-guide h1, div.design-guide h2, div.design-guide h3, div.design-guide h4, div.design-guide h5, div.design-guide h6, div.design-guide p, div.design-guide span {
  padding: 0;
  margin: 0; }
div.design-guide div.headers {
  padding: 5px;
  margin: 5px;
  float: left;
  width: calc(100% - 10px);
  background-image: url("../images/paper2_24.png");
  background-repeat: repeat; }
  div.design-guide div.headers h1 {
    font-family: 'hoefler-titling';
    font-size: 40px; }
  div.design-guide div.headers p {
    font-family: 'hoefler-text-italic';
    color: white; }

div.tos-wrapper {
  height: 100%;
  width: 100%;
  background-color: #f6f6f6;
  overflow: scroll; }
  div.tos-wrapper div.tos-content {
    height: 100%;
    width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff; }
    div.tos-wrapper div.tos-content h1, div.tos-wrapper div.tos-content h2, div.tos-wrapper div.tos-content h3, div.tos-wrapper div.tos-content h4, div.tos-wrapper div.tos-content h5, div.tos-wrapper div.tos-content h6, div.tos-wrapper div.tos-content p, div.tos-wrapper div.tos-content ul, div.tos-wrapper div.tos-content ol {
      font-family: 'whitney-book';
      padding-top: 20px;
      padding-bottom: 20px; }