/*======================================================================
 Core CSS for LaTeXML documents converted to (X)HTML */
/* Generic Page layout */

.ltx_page_header,
.ltx_page_footer { font-size:0.8em; }
.ltx_page_header *[rel~="prev"],
.ltx_page_footer *[rel~="prev"] { float:left; }
.ltx_page_header *[rel~="up"],
.ltx_page_footer *[rel~="up"]   { display:block; text-align:center; }
.ltx_page_header *[rel~="next"],
.ltx_page_footer *[rel~="next"] {  float:right; }
/* What was I trying for here; need more selective rule!
.ltx_page_header .ltx_ref,
.ltx_page_footer .ltx_ref {
    margin:0 1em; }
*/
.ltx_page_header li {
    padding:0.1em 0.2em 0.1em 1em;}

/* Main content */
.ltx_page_content { clear:both; }
.ltx_page_header  { border-bottom:1px solid; margin-bottom:5px; }
.ltx_page_footer  { clear:both; border-top:1px solid; margin-top:5px;  }

.ltx_page_header:after,
.ltx_page_footer:after,
.ltx_page_content:after {
    content:"."; display:block; height:0; clear:both; visibility:hidden; }
.ltx_page_footer:before {
    content:"."; display:block; height:0; clear:both; visibility:hidden; }

.ltx_page_logo     { font-size:80%; margin-top: 5px; clear:both; float:right; }
.ltx_page_logo a   { font-variant: small-caps; }
.ltx_page_logo img { vertical-align:-3px; }

/* if shown */
.ltx_page_navbar li { white-space:nowrap; display:block; overflow:hidden; }
/* If ref got turned into span, it's "this section"*/
.ltx_page_navbar li span.ltx_ref { white-space:normal; overflow:visible; }

/* Ought to be easily removable/overridable? */
.ltx_pagination.ltx_role_newpage { height:2em; }
/*======================================================================
  Document Structure; Titles & Frontmatter */

/* undo bold here to remove the browser's native h# styling,
   at let all other styles override it (with more specific rules)*/
.ltx_title { font-size:100%; font-weight:normal; }

/* Hack to simulate run-in! put class="ltx_runin" on a title or tag
   for it to run-into the following text. */
.ltx_runin { display:inline; }
.ltx_runin:after { content:" "; }
.ltx_runin + .ltx_para,
.ltx_runin + .ltx_para p,
.ltx_runin + p { display:inline; }

.ltx_outdent { margin-left: -2em; }

/* .ltx_chapter_title, etc should be in ltx-article.css etc.
 */
.ltx_page_main { margin:0px; padding:1em 3em 1em 2em; }
.ltx_tocentry  { list-style-type:none; }

/* support for common author block layouts.*/
/* add class ltx_authors_1line to get authors in single line
   with pop-up affiliation, etc. */
.ltx_authors_1line .ltx_creator,
.ltx_authors_1line .ltx_author_before,
.ltx_authors_1line .ltx_author_after { display:inline;}
.ltx_authors_1line .ltx_author_notes { display:inline-block; }
.ltx_authors_1line .ltx_author_notes:before { content:"*"; color:blue;}
.ltx_authors_1line .ltx_author_notes span { display:none; }
.ltx_authors_1line .ltx_author_notes:hover span {
    display:block; position:absolute; z-index:10;
    background:white; text-align:left;
    border: 1px solid black; border-radius: 0 5px 5px 5px; box-shadow: 5px 5px 10px gray; }

/* add class=ltx_authors_multiline to get authors & affliations on separate lines*/
.ltx_authors_multiline .ltx_creator,
.ltx_authors_multiline .ltx_author_before,
.ltx_authors_multiline .ltx_author_after,
.ltx_authors_multiline .ltx_author_notes,
.ltx_authors_multiline .ltx_author_notes .ltx_contact {
    display:block; }

/*======================================================================
  Para level */
td.ltx_subfigure,
td.ltx_subtable,
td.ltx_subfloat { width:50%; }
/* theorems, figure, tables, floats captions.. */
/*======================================================================
 Blocks, Lists, Floats */
.ltx_p,
.ltx_quote,
.ltx_block,
.ltx_listingblock,
.ltx_para {
    display: block; }

/* alignment within blocks */
.ltx_align_left     { text-align:left; }
.ltx_align_right    { text-align:right; }
.ltx_align_center   { text-align:center; }
.ltx_align_top      { vertical-align:top; }
.ltx_align_bottom   { vertical-align:bottom; }
.ltx_align_middle   { vertical-align:middle; }
.ltx_align_baseline { vertical-align:baseline; }

.ltx_align_floatleft  { float:left; }
.ltx_align_floatright { float:right; }

td.ltx_align_left,   th.ltx_align_left,
td.ltx_align_right,  th.ltx_align_right,
td.ltx_align_center, th.ltx_align_center { white-space:nowrap; }

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

/* equations in non-aligned mode (not normally used) */
.ltx_eqn_div { display:block; width:95%; text-align:center; }

/* equations in aligned mode (aligning tags, etc as well as equations) */
.ltx_eqn_table { display:table; width:100%; }
.ltx_eqn_row   { display:table-row; }
.ltx_eqn_cell  { display:table-cell; width:auto; }

.ltx_tag_equation.ltx_align_left  { position:absolute; left:3em; }
.ltx_tag_equation.ltx_align_right { position:absolute; right:3em; }

table.ltx_eqn_align tr.ltx_equation td.ltx_align_left + td.ltx_align_right { padding-left:3em; }
table.ltx_eqn_eqnarray tr.ltx_eqn_lefteqn + tr td.ltx_align_right { min-width:2em; }

.ltx_eqn_eqno { max-width:0em; overflow:visible; }
.ltx_eqn_eqno.ltx_align_right .ltx_tag { float:right; }

.ltx_eqn_center_padleft,
.ltx_eqn_center_padright { width:50%; min-width:2em;}
.ltx_eqn_left_padleft,
.ltx_eqn_right_padright { min-width:2em; }
.ltx_eqn_left_padright,
.ltx_eqn_right_padleft  { width:100%; }

/* Position the tag to look like a normal item bullet. */
li.ltx_item > .ltx_tag {
    display:inline-block; margin-left:-1.5em; min-width:1.5em;
    text-align:right; }
.ltx_item .ltx_tag + .ltx_para,
.ltx_item .ltx_tag + .ltx_para .ltx_p  { display:inline; }

/* NOTE: Need to try harder to get runin appearance? */
dl.ltx_description dt { margin-right:0.5em; float:left;
                    font-weight:bold; font-size:95%; }
dl.ltx_description dd { margin-left:5em; }
dl.ltx_description dl.ltx_description dd { margin-left:3em; }

/* Theorems */
.ltx_theorem  {margin:1em 0em 1em 0em; }
.ltx_title_theorem { font-size:100%; }

/* Bibliographies */
.ltx_bibliography dt { margin-right:0.5em; float:left; }
.ltx_bibliography dd { margin-left:3em; }
/*.ltx_biblist { list-style-type:none; }*/
.ltx_bibitem { list-style-type:none; }
.ltx_bibtag { font-weight:bold; margin-left:-2em; width:3em; }
/*.bibitem-tag + div { display:inline; }*/
.ltx_bib_title { font-style:italic; }
.ltx_bib_article .bib-title { font-style:normal !important; }
.ltx_bib_journal  { font-style:italic; }
.ltx_bib_volume { font-weight:bold; }

/* Indices */
.ltx_indexlist li { list-style-type:none;  }
.ltx_indexlist { margin-left:1em; padding-left:1em;}

/* Listings */
.ltx_listing td.ltx_linenumber,
.ltx_listingblock td.ltx_linenumber {
    width:3em; text-align:right;}

.ltx_parbox {text-indent:0em; }

/* NOTE that it is CRITICAL to put position:relative outside & absolute inside!!
   I wish I understood why!
   Outer box establishes resulting size, neutralizes any outer positioning, etc;
   inner establishes position of stuff to be rotated */
.ltx_transformed_outer {
    position:relative; top:0pt;left:0pt;
    overflow:visible; }
.ltx_transformed_inner {
    display:block;
    position:absolute;top:0pt;left:0pt; }
.ltx_transformed_inner > .ltx_p {text-indent:0em; margin:0; padding:0; }

/* by default, p doesn't indent */
.ltx_p { text-indent:0em; white-space:normal; }
/* explicit control of indentation (on ltx_para) */
.ltx_indent > .ltx_p:first-child { text-indent:2em!important; }
.ltx_noindent > .ltx_p:first-child { text-indent:0em!important; }

/*======================================================================
  Columns */
.ltx_page_column1 {
    width:44%; float:left; } /* IE uses % of wrong container*/
.ltx_page_column2 {
    width:44%; float:right; }
.ltx_page_columns > .ltx_page_column1 {
    width:48%; float:left; }
.ltx_page_columns > .ltx_page_column2 {
    width:48%; float:right; }
.ltx_page_columns:after {
    content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*======================================================================
 Misc */
/* .ltx_verbatim*/
.ltx_verbatim { text-align:left; }
/*======================================================================
 Meta stuff, footnotes */
.ltx_note_content { display:none; }
/*right:5%;  */
.ltx_note_content {
     max-width: 70%; font-size:90%; left:15%;
     text-align:left;
     background-color: white;
     padding: 0.5em 1em 0.5em 1.5em;
     border: 1px solid black; border-radius: 0 5px 5px 5px; box-shadow: 5px 5px 10px gray; }
.ltx_note_mark    { color:blue; }
.ltx_note_type    { font-weight: bold; }
.ltx_note { display:inline-block; text-indent:0; } /* So we establish containing block */
.ltx_note_content .ltx_note_mark { position:absolute; left:0.2em; top:-0.1em; }
.ltx_note:hover .ltx_note_content,
.ltx_note .ltx_note_content:hover {
   display:block; position:absolute; z-index:10; }

.ltx_ERROR        { color:red; }
.ltx_rdf          { display:none; }

/*======================================================================
 SVG (pgf/tikz ?) basics */

/* Stuff appearing in svg:foreignObject */
.ltx_svg_fog foreignObject  { margin:0; padding:0; overflow:visible; }
.ltx_svg_fog foreignObject > p { margin:0; padding:0; display:block; }
/*.ltx_svg_fog foreignObject > p { margin:0; padding:0; display:block; white-space:nowrap; }*/

/*======================================================================
 Low-level Basics */
.ltx_font_serif      { font-family: serif; }
.ltx_font_sansserif  { font-family: sans-serif; }
.ltx_font_bold       { font-weight: bold; }
.ltx_font_medium     { font-weight: normal; }
.ltx_font_italic     { font-style: italic; }
.ltx_font_upright    { font-style: normal; }
.ltx_font_slanted    { font-style: oblique; }
.ltx_font_smallcaps  { font-variant: small-caps; }
.ltx_font_oldstyle   { font-variant: oldstyle-nums;  /* experimental css3 ? Doesn't seem to work!*/
                       -moz-font-feature-settings: "onum";
                       -ms-font-feature-settings: "onum";
                       -webkit-font-feature-settings: "onum";
                       font-variant-numeric: oldstyle-nums; }
.ltx_font_mathcaligraphic { font-family: "Lucida Calligraphy", "Zapf Chancery","URW Chancery L"; }
/*

.ltx_font_mathscript { ? }
*/
cite                 { font-style: normal; }

.ltx_red        { color:red; }
/*.ltx_centering  { text-align:center; margin:auto; }*/
/*.ltx_inline-block.ltx_centering,*/
/* Hmm.... is this right in general? */
.ltx_centering  { display:block; margin:auto; text-align:center; }
table.ltx_centering { display:table; } /*!!! */

/* .ltx_phantom handled in xslt */
.ltx_title_document      { font-size:170%; text-align:center; margin:0.5em 0 0.5em 0; font-family: 'Linux Libertine', serif !important; font-weight: bold;}
.ltx_authors,
.ltx_role_author         { text-align:center; margin:0.5em 0 0.5em 0; }
.ltx_role_author .ltx_personname  { font-size: 120%; }
.ltx_date        { text-align:center; font-size: 120%; margin:0.5em 0 0.5em 0; }
.ltx_subtitle    { text-align:center; font-size: 120%; padding-left:0.2em; margin-left:-0.5em; margin-bottom: 2em; font-family: 'Linux Libertine', serif !important; }

.ltx_title_abstract      { text-align:center; font-size: 100%; font-weight:bold; }
.ltx_abstract { margin-left:4em; margin-right:4em; }
.ltx_title_acknowledgements,
.ltx_title_keywords,
.ltx_title_classification {
   text-align:left; font-size: 100%; font-weight:bold; margin:0.5 0 0 0; }

.ltx_appendix,
.ltx_section,
.ltx_subsection,
.ltx_subsubsection { margin-top:1.5em; }
.ltx_paragraph,
.ltx_subparagraph   { margin-top:1.0em; }

.ltx_publication_page_title {
  font-size:160%;
  font-weight:bold;
  margin-bottom:1em;
  border-bottom: 0.1em solid #AAA;
  padding-bottom: 0.2em; }

/* We're running into conflicts with the pandoc styling on .article-paragraph { h1, h2 , h3 }, in layout.css, so we have to be very specific: */
/* In LaTeXML, the class attribute carries the normative styling information, not the element */
h1.ltx_title.ltx_title_chapter, h2.ltx_title.ltx_title_chapter, h3.ltx_title.ltx_title_chapter {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 28px;
  line-height: 39px;
  font-variant: normal;
  font-weight: bold;
  text-align: left;
}

h1.ltx_title.ltx_title_section, h2.ltx_title.ltx_title_section, h3.ltx_title.ltx_title_section {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 23px;
  line-height: 34px;
  font-variant: normal;
  font-weight: bold;
  text-align: left;
}

h1.ltx_title.ltx_title_subsection, h2.ltx_title.ltx_title_subsection, h3.ltx_title.ltx_title_subsection {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  font-variant: normal;
  text-align: left;
}

h1.ltx_title.ltx_title_subsubsection, h2.ltx_title.ltx_title_subsubsection, h3.ltx_title.ltx_title_subsubsection, h4.ltx_title.ltx_title_subsubsection  {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
}


/* --- end of section heading styling --- */

/* Paragraph & Subparagraph titles should be runin! */
.ltx_title_paragraph   { font-size:100%; font-weight:bold; display:inline;
                         margin-right:1em; }
.ltx_paragraph .ltx_title,
.ltx_paragraph .ltx_title + .ltx_para,
.ltx_paragraph .ltx_title + .ltx_para > .ltx_p { display:inline; }

.ltx_title_subparagraph  { font-size:100%; font-weight:bold; display:inline;
                           margin-left:2em; margin-right:1em; }
.ltx_subparagraph .ltx_title,
.ltx_subparagraph .ltx_title + .ltx_para,
.ltx_subparagraph .ltx_title + .ltx_para > .ltx_p { display:inline; }

/*======================================================================
 Figures, Tables, Listings */
.ltx_figure  { text-align:center; margin:auto; margin:0.5em; }
.ltx_table   { text-align:center; margin:auto; margin:0.5em; }
tbody th {
  font-weight: normal;
}
.ltx_listing td { text-align:left; }
.ltx_listing_data {display: none;}

/*======================================================================
 Various Lists */
.ltx_itemize,
.ltx_enumerate,
.ltx_description {
    display:block; }
.ltx_itemize .ltx_item,
.ltx_enumerate .ltx_item {
    margin: 0px 0px 10px;;
    display: list-item; }

/*======================================================================
 Borders and such */
.ltx_tabular { display:table; border-collapse:collapse; }
span.ltx_tabular { display:inline-table; border-collapse:collapse; }
.ltx_thead,
.ltx_tbody   { display:table-row-group; }
.ltx_tr      { display:table-row; }
.ltx_td      { display:table-cell; }

.ltx_framed  { border:1px solid black;}
.ltx_tabular_fullpage { width: 100%; }

.ltx_tabular td, .ltx_tabular th { padding:0.1em 0.5em; }
.ltx_border_t  { border-top:1px solid black; }
.ltx_border_r  { border-right:1px solid black; }
.ltx_border_b  { border-bottom:1px solid black; }
.ltx_border_l  { border-left:1px solid black; }
.ltx_border_tt { border-top:3px double black; }
.ltx_border_rr { border-right:3px double black; }
.ltx_border_bb { border-bottom:3px double black; }
.ltx_border_ll { border-left:3px double black; }


/* first p in para gets indented */
.ltx_para > .ltx_p:first-child { text-indent:0em; }
/* except the initial in a section */
section > .ltx_title +.ltx_para > .ltx_p,
section > .ltx_title +.ltx_date +.ltx_para > .ltx_p { text-indent:0em; }

.ltx_title_abstract + .ltx_p {text-indent:2em; }

.ltx_para { margin-bottom: 1em; }

.ltx_itemize { margin-left:1em; }

.ltx_theorem { margin-top:0.5em; margin-bottom:0.5em; }
.ltx_theorem .ltx_title { margin-bottom:0.1em; }
.ltx_theorem .ltx_title + .ltx_para,
.ltx_theorem .ltx_title + .ltx_para .ltx_p,
.ltx_theorem .ltx_title + .ltx_p  { margin-top:0em; }

.ltx_note_content {
  padding: 1em;
  background: none repeat scroll 0% 0% #ffffff;
}
.ltx_note:focus .ltx_note_content
   { display:block; position:absolute; z-index:10; }
.ltx_note:active .ltx_note_content
   { display:block; position:absolute; z-index:10; }
.ltx_note_content .ltx_note_mark { padding-top: 0.5em; }

.ltx_align_center .ltx-quote, .ltx_bib_year_heading {
  display: block;
  background-color: #D1E0E0;
  padding: 0.5em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
.ltx_caption {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

li.ltx_bibitem {
  margin-bottom: 1em;
}
span.ltx_bibtag {
  margin-left: 0px;
}

span.ltx_ref_tag {
  font-size: 1.2em;
}

.ltx_minipage {
  display: inline-block;
}

.article-paragraph div.ltx_minipage {
  min-width: initial;
}

/* Authorea change: no micro controls, avoid justified alignment,
   use left instead (for now) */
/*.ltx_align_justify  { text-align:justify; }*/
.ltx_align_justify  { text-align:left; }
#gritter-notice-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 301px;
  z-index: 9999; }
  #gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto; }
  #gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px; }
  #gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px; }

.gritter-item-wrapper {
  position: relative;
  margin: 0 0 10px 0;
  background: url("/assets/ie-spacer-548f2d6f4d0d820c6c5ffbeffcbd7f0e73193e2932eefe542accc84762deec87.gif"); }

.gritter-top {
  background: url("/assets/gritter-5fd093ecb98ff2719bf28aa950731eaee8d41265b6002dd0d12f636b6c914bc8.png") no-repeat left -30px;
  height: 10px; }

.hover .gritter-top {
  background-position: right -30px; }

.gritter-bottom {
  background: url("/assets/gritter-5fd093ecb98ff2719bf28aa950731eaee8d41265b6002dd0d12f636b6c914bc8.png") no-repeat left bottom;
  height: 8px;
  margin: 0; }

.hover .gritter-bottom {
  background-position: bottom right; }

.gritter-item {
  display: block;
  color: #eee;
  padding: 2px 11px 8px 11px;
  font-size: 11px;
  font-family: verdana;
  filter: inherit; }
  .gritter-item.gritter-css2 {
    background: url("/assets/gritter-5fd093ecb98ff2719bf28aa950731eaee8d41265b6002dd0d12f636b6c914bc8.png") no-repeat left -40px; }
  .gritter-item.gritter-css3 {
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 16px; }
  .gritter-item p {
    padding: 0;
    margin: 0; }

.hover .gritter-item.gritter-css2 {
  background-position: right -40px; }

.hover .gritter-item.gritter-css3 {
  padding: 10px 9px 14px 9px;
  border: solid 2px #fff; }

.gritter-close {
  display: none;
  position: absolute;
  top: 5px;
  left: 3px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  filter: inherit; }

.gritter-css2 .gritter-close {
  background: url("/assets/gritter-5fd093ecb98ff2719bf28aa950731eaee8d41265b6002dd0d12f636b6c914bc8.png") no-repeat left top; }

.gritter-css3 .gritter-close {
  background: url("/assets/gritter-close-76efc9d3f6a516a817908cad53584510a8cbf5d4ac482e80c5ec93bababccf15.png") no-repeat; }

.gritter-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 7px 0;
  display: block;
  text-shadow: 1px 1px #000;
  /* Not supported by IE :( */ }

.gritter-image {
  width: 48px;
  height: 48px;
  float: left; }

.gritter-with-image,
.gritter-without-image {
  padding: 0 0 5px 0; }

.gritter-with-image {
  width: 220px;
  float: right; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *







*/
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400i,500,600,700";
@import "https://fonts.googleapis.com/css?family=Source+Serif+Pro:200,400,600";
body {
  font-family: verdana;
  font-size: 15px; }

a {
  color: #333;
  text-decoration: none; }

a:hover {
  color: #ccc;
  text-decoration: none; }

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none; }

#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px; }

#boxes #dialog_new_collaborator {
  width: 375px;
  height: 203px;
  padding: 10px;
  background-color: #ffffff; }

#boxes #dialog_new_paragraph {
  width: 375px;
  height: 203px;
  padding: 10px;
  background-color: #ffffff; }

#boxes #dialog_checkout_item {
  width: 375px;
  height: 203px;
  padding: 10px;
  background-color: #ffffff; }

#boxes #dialog_checkin_item {
  width: 375px;
  height: 203px;
  padding: 10px;
  background-color: #ffffff; }

#boxes #dialog_new_folder {
  width: 375px;
  height: 203px;
  padding: 10px;
  background-color: #ffffff; }

#boxes #ndialog {
  width: 375px;
  height: 203px;
  padding: 10px;
  background-color: #ffffff; }

#boxes #dialog {
  width: 375px;
  height: 203px;
  padding: 10px;
  background-color: #ffffff; }

#boxes #dialog1 {
  width: 375px;
  height: 203px; }

#dialog1 .d-header {
  background: url(images/login-header.png) no-repeat 0 0 transparent;
  width: 375px;
  height: 150px; }

#dialog1 .d-header input {
  position: relative;
  top: 60px;
  left: 100px;
  border: 3px solid #cccccc;
  height: 22px;
  width: 200px;
  font-size: 15px;
  padding: 5px;
  margin-top: 4px; }

#dialog1 .d-blank {
  float: left;
  background: url(images/login-blank.png) no-repeat 0 0 transparent;
  width: 267px;
  height: 53px; }

#dialog1 .d-login {
  float: left;
  width: 108px;
  height: 53px; }

#boxes #dialog2 {
  background: url(images/notice.png) no-repeat 0 0 transparent;
  width: 326px;
  height: 229px;
  padding: 50px 0 20px 25px; }

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

.dimensionWidget {
  font-size: 18px;
  position: absolute;
  display: inline-block;
  z-index: 10;
  background: white;
  border: 1px solid rgba(53, 57, 71, 0.3);
  border-top: none;
  padding-left: 1px;
  z-index: 10; }
  .dimensionWidget .em {
    height: 1em;
    overflow: hidden;
    display: none; }
  .dimensionWidget .dimensionPicker {
    position: relative;
    display: inline-block();
    height: 5em;
    width: 5em; }
    .dimensionWidget .dimensionPicker .category {
      position: absolute;
      top: 0;
      left: 0;
      background-size: 1em 1em; }
    .dimensionWidget .dimensionPicker .highlightedDimension {
      width: 1em;
      height: 1em;
      background-image: url("dimension-highlighted.png"); }
    .dimensionWidget .dimensionPicker .unhighlightedDimension {
      background-image: url("dimension-unhighlighted.png");
      width: 100%;
      height: 100%; }

.table-toolbar {
  display: none;
  padding-right: 10px;
  padding-bottom: 10px; }
  .table-toolbar li {
    display: inline-block();
    float: right;
    margin: 0 0 0 15px;
    cursor: pointer;
    list-style: none;
    font-size: 14px; }

.authorea-table {
  display: block;
  position: relative; }
  .authorea-table.edit .control {
    display: inline-block; }
  .authorea-table.edit .table-toolbar {
    display: block; }
  .authorea-table.edit .button-toolbar {
    display: block; }
  .authorea-table.edit table td {
    border: 1px solid #e6e6e6; }
  .authorea-table .table-caption {
    display: block;
    width: 70%;
    height: 50px;
    margin: 15px 15%; }
  .authorea-table table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    cell-padding: 0;
    margin-bottom: 10px; }
    .authorea-table table td {
      height: 50px;
      position: relative;
      text-align: center;
      background-clip: padding-box;
      padding: 5px; }
      .authorea-table table td::selection {
        background: transparent; }
      .authorea-table table td::-moz-selection {
        background: transparent; }
      .authorea-table table td:focus {
        outline: none; }
      .authorea-table table td.selected {
        background: #e6e6e6; }
      .authorea-table table td.leftBorder {
        border-left: 1px double black !important; }
      .authorea-table table td.rightBorder {
        border-right: 1px double black !important; }
      .authorea-table table td.bottomBorder {
        border-bottom: 1px double black !important; }
      .authorea-table table td.topBorder {
        border-top: 1px double black !important; }
      .authorea-table table td.align-right {
        text-align: right; }
      .authorea-table table td.align-left {
        text-align: left; }

#tableContextMenu a {
  cursor: pointer; }

/*
  editor.css
  Wiki editor formatting
*/
.jaws {
  /* JAWS should see it, but you can't */
  display: block;
  height: 1px;
  left: -5000px;
  overflow: hidden;
  position: absolute;
  top: -5000px;
  width: 1px; }

.small-textarea {
  height: 40px !important; }

.gollum-editor {
  overflow: hidden;
  padding: 0px 0px 0px 0px; }

.gollum_editor_form {
  border: 1px solid #EBEBEB;
  padding-bottom: 5px; }

.gollum-editor-header {
  padding: 4px 7px 0px 0px;
  background-color: #F4F4F4;
  border-bottom: 1px solid #e5e5e5; }

.ie .gollum-editor {
  padding-bottom: 1em; }

.gollum-editor form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%; }

input.gollum-editor-page-title {
  font-weight: bold;
  width: 150px;
  margin-right: 10px; }

input.gollum-editor-message-field {
  font-weight: lighter;
  margin-top: -5px;
  margin-bottom: -5px;
  padding: none;
  width: 300px;
  font-size: 11px;
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: Helvetica, Arial, sans-serif; }

.gollum-editor .singleline {
  /*display: block;*/
  float: right;
  margin: 0 0 0.0em 0;
  overflow: hidden;
  width: 400px;
  height: 2.5em; }

.gollum_editor_form {
  margin: 0 0 0px; }

.gollum-editor .singleline input {
  background: #fff;
  border: 1px solid #ddd;
  /*color: #000;*/
  font-size: 1.0em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  margin: 0em 0 0.0em;
  padding: 0.5em;
  width: 90%; }

.gollum-editor .singleline input.ph {
  color: #999; }

.gollum-editor-title-field input.gollum-editor-page-title {
  font-weight: bold;
  border: 0px; }

.gollum-editor-title-field.active {
  border-bottom: 1px solid #ddd;
  display: block;
  margin: 0 0 0.3em 0;
  padding: 0 0 0.5em 0; }

.gollum-editor-title-field input.gollum-editor-page-title.ph {
  color: #000; }

/* @control editor-view-tab */
.gollum-editor .gollum-editor-type-switcher {
  display: none; }

/* @control function-bar */
.gollum-editor .gollum-editor-function-bar {
  overflow: hidden;
  padding: 0;
  margin-right: 2px; }

.gollum-editor-title-field + .gollum-editor-function-bar {
  margin-top: 0.6em; }

.gollum-editor .gollum-editor-function-bar .gollum-editor-function-buttons {
  display: none; }

.gollum-editor .gollum-editor-function-bar.active .gollum-editor-function-buttons {
  display: block;
  float: left;
  overflow: hidden;
  padding: 0 0 0.1em 0; }

.function-button {
  color: #333;
  display: block;
  background: transparent;
  border: none;
  float: left;
  overflow: hidden;
  margin: 0 0 0 0;
  /* text-indent: -5000px; */
  text-shadow: 0 1px 0 #fff;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  text-align: center; }
  .function-button span {
    font-weight: bold;
    font-size: 12px;
    float: left;
    margin: 2px 5px; }
  .function-button i {
    margin: 5px;
    margin-bottom: 0px;
    display: inline-block; }

.function-button:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
  background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
  background: -moz-linear-gradient(top, #599bdc, #3072b3); }

.gollum-editor .gollum-editor-function-bar a.disabled {
  display: none; }

.gollum-editor .gollum-editor-function-bar span.function-divider {
  display: block;
  float: left;
  width: 0.5em; }

.gollum-editor-format-selector {
  margin-bottom: -5px !important; }

.gollum-editor .gollum-editor-function-bar .gollum-editor-format-selector {
  overflow: hidden;
  padding: 0 0 0.1em 0; }

.gollum-editor .gollum-editor-function-bar
.gollum-editor-format-selector select {
  border: 1px solid transparent;
  float: right;
  font-size: 11px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  margin-left: -20px;
  height: auto;
  width: 60px;
  line-height: 14px;
  padding-right: 16px;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-outline: none; }

.gollum-editor .gollum-editor-function-bar
.gollum-editor-format-selector select:hover {
  background-color: #fff;
  border: 1px solid #ddd;
  -moz-outline: none; }

.gollum-editor .gollum-editor-function-bar
.gollum-editor-format-selector label {
  color: #999;
  float: right;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.6em;
  padding: 0.6em 0.5em 0 0; }

.gollum-editor .gollum-editor-function-bar
.gollum-editor-format-selector label:after {
  content: ':'; }

/* @section form-fields */
.gollum-editor .gollum-editor-body {
  font-size: 1em;
  font-family: "Consolas", "Courier New", monospace;
  line-height: 1.5em;
  font-weight: 200;
  margin: 0.3em 0 0.3em;
  width: 98%;
  height: 350px;
  border-radius: 0px; }

.gollum-editor .gollum-editor-textarea {
  background: #ffe;
  visibility: hidden;
  display: none; }

.gollum-editor input.gollum-editor-submit {
  background-color: #f7f7f7;
  border: 1px solid #d4d4d4;
  color: #333;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1.0em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0.4em 1em;
  text-shadow: 0 1px 0 #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
  background: -moz-linear-gradient(top, #f4f4f4, #ececec);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.webkit .gollum-editor input.gollum-editor-submit {
  padding: 0.5em 1em 0.45em; }

.ie .gollum-editor input.gollum-editor-submit {
  padding: 0.4em 1em 0.5em; }

.gollum-editor input.gollum-editor-submit:hover {
  background: #3072b3;
  border-color: #518cc6 #518cc6 #2a65a0;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
  background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
  background: -moz-linear-gradient(top, #599bdc, #3072b3); }

.gollum-editor .collapsed,
.gollum-editor .expanded {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 1em 0 0.5em; }

.gollum-editor .gollum-editor-body + .collapsed,
.gollum-editor .gollum-editor-body + .expanded {
  border-top: 1px solid #ddd;
  margin-top: 0.7em; }

.gollum-editor .collapsed a.button,
.gollum-editor .expanded a.button {
  background: #f7f7f7;
  border: 1px solid #ddd;
  color: #333;
  display: block;
  float: left;
  height: 25px;
  overflow: hidden;
  margin: 0.2em 0.5em 0.75em 0;
  text-shadow: 0 1px 0 #fff;
  width: 25px;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
  background: -moz-linear-gradient(top, #f4f4f4, #ececec); }

.gollum-editor .collapsed h4,
.gollum-editor .expanded h4 {
  font-size: 1.6em;
  float: left;
  margin: 0;
  padding: 0.4em 0 0 0.3em;
  text-shadow: 0 -1px 0 #fff; }

.gollum-editor .collapsed a.button:hover,
.gollum-editor .expanded h4 a.button:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
  background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
  background: -moz-linear-gradient(top, #599bdc, #3072b3); }

.gollum-editor .collapsed a span,
.gollum-editor .expanded a span {
  background-image: url(/images/icon-sprite.png);
  background-position: -351px -1px;
  background-repeat: no-repeat;
  display: block;
  height: 25px;
  overflow: hidden;
  text-indent: -5000px;
  width: 25px; }

.gollum-editor .collapsed a:hover span {
  background-position: -351px -28px; }

.gollum-editor .expanded a span {
  background-position: -378px 0; }

.gollum-editor .expanded a:hover span {
  background-position: -378px -28px; }

.gollum-editor .collapsed textarea {
  display: none; }

.gollum-editor .expanded textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  clear: both;
  display: block;
  font-size: 1.3em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  height: 7em;
  line-height: 1.8em;
  margin: 0.7em 0;
  padding: 0.5em;
  width: 98%; }

/* @control minibutton */
.gollum-editor a.minibutton,
.gollum-editor a.minibutton:visited {
  background-color: #f7f7f7;
  border: 1px solid #d4d4d4;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 0 0.8em;
  padding: 0.5em 1em;
  text-shadow: 0 1px 0 #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
  background: -moz-linear-gradient(top, #f4f4f4, #ececec);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.gollum-editor a.minibutton:hover {
  background: #3072b3;
  border-color: #518cc6 #518cc6 #2a65a0;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
  background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
  background: -moz-linear-gradient(top, #599bdc, #3072b3); }

.gollum-editor .gollum-editor-preview {
  float: left;
  font-weight: normal;
  padding: left;
  font-size: 1.0em; }

/* @section help */
.gollum-editor-help {
  margin: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid #ddd;
  border-width: 0 1px 1px 1px; }

.gollum-editor-help-parent,
.gollum-editor-help-list {
  display: block;
  float: left;
  height: 17em;
  list-style-type: none;
  overflow: auto;
  margin: 0;
  padding: 1em 0;
  width: 18%; }

.gollum-editor-help-parent {
  border-right: 1px solid #eee; }

.gollum-editor-help-list {
  background: #fafafa;
  border-right: 1px solid #eee; }

.gollum-editor-help-parent li,
.gollum-editor-help-list li {
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 0;
  padding: 0; }

.gollum-editor-help-parent li a,
.gollum-editor-help-list li a {
  border: 1px solid transparent;
  border-width: 1px 0;
  display: block;
  font-weight: bold;
  height: 100%;
  width: auto;
  padding: 0.2em 1em;
  text-shadow: 0 -1px 0 #fff; }

.gollum-editor-help-parent li a:hover,
.gollum-editor-help-list li a:hover {
  background: #fff;
  border-color: #f5f5f5;
  text-decoration: none;
  box-shadow: none; }

.gollum-editor-help-parent li a.selected,
.gollum-editor-help-list li a.selected {
  border: 1px solid #eee;
  border-bottom-color: #e7e7e7;
  border-width: 1px 0;
  background: #fff;
  color: #000;
  box-shadow: 0 1px 2px #f5f5f5; }

.gollum-editor-help-wrapper {
  background: #fff;
  overflow: auto;
  height: 17em;
  padding: 1em; }

.gollum-editor-help-content {
  font-size: 1.2em;
  margin: 0 1em 0 0.5em;
  padding: 0;
  line-height: 1.8em; }

.gollum-editor-help-content p {
  margin: 0 0 1em 0;
  padding: 0; }

/* IE */
.ie .gollum-editor .singleline input {
  padding-top: 0.25em;
  padding-bottom: 0.75em; }

@font-face {
  font-family: "authorea";
  src: url("authorea.eot");
  src: url("authorea.eot?#iefix") format("embedded-opentype"), url("authorea.woff") format("woff"), url("authorea.ttf") format("truetype"), url("authorea.svg#authorea") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "ScalaSans";
  src: url("ScalaSans.otf"); }
@font-face {
  font-family: "ScalaSans-Regular";
  src: url("ScalaSans-Regular.otf"); }
@font-face {
  font-family: "ScalaSans-Bold";
  src: url("ScalaSans-Bold.otf"); }
@font-face {
  font-family: "ScalaSans-Light";
  src: url("ScalaSansLight.otf"); }
@font-face {
  font-family: "Scala-Hands";
  src: url("ScalaHands.otf"); }
[data-icon]:before {
  font-family: "authorea" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="auth-"]:before,
[class*=" auth-"]:before {
  font-family: "authorea" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.auth-add-row:before {
  content: "\e000"; }

.auth-border-both:before {
  content: "\e001"; }

.auth-border-bottom:before {
  content: "\e002"; }

.auth-border-inner:before {
  content: "\e003"; }

.auth-border-right:before {
  content: "\e004"; }

.auth-border-top:before {
  content: "\e005"; }

.auth-cell-split:before {
  content: "\e006"; }

.auth-cell-merge:before {
  content: "\e007"; }

.auth-border-left:before {
  content: "\e008"; }

.auth-border-outer:before {
  content: "\e009"; }

.auth-align-right:before {
  content: "\e00a"; }

.auth-align-left:before {
  content: "\e00b"; }

.auth-align-center:before {
  content: "\e00c"; }

.auth-add-column:before {
  content: "\e00d"; }

.auth-table:before {
  content: "\e00e"; }

.auth-plus:before {
  content: "\e00f"; }

.auth-bold:before {
  content: "\e010"; }

.auth-italic:before {
  content: "\e011"; }

.auth-code:before {
  content: "\e012"; }

.auth-list-ordered:before {
  content: "\e013"; }

.auth-list-unordered:before {
  content: "\e014"; }

.auth-quote:before {
  content: "\e015"; }

.auth-link:before {
  content: "\e016"; }

.auth-h2:before {
  content: "\e017"; }

.auth-h1:before {
  content: "\e018"; }

.auth-h3:before {
  content: "\e019"; }

.auth-cite:before {
  content: "\e01a"; }

/* the norm */
#gritter-notice-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 301px;
  z-index: 9999; }

#gritter-notice-wrapper.top-left {
  left: 20px;
  right: auto; }

#gritter-notice-wrapper.bottom-right {
  top: auto;
  left: auto;
  bottom: 20px;
  right: 20px; }

#gritter-notice-wrapper.bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px; }

.gritter-item-wrapper {
  position: relative;
  margin: 0 0 10px 0;
  background: url("/assets/ie-spacer.gif");
  /* ie7/8 fix */ }

.gritter-top {
  background: url("/assets/gritter.png") no-repeat left -30px;
  height: 10px; }

.hover .gritter-top {
  background-position: right -30px; }

.gritter-bottom {
  background: url("/assets/gritter.png") no-repeat left bottom;
  height: 8px;
  margin: 0; }

.hover .gritter-bottom {
  background-position: bottom right; }

.gritter-item {
  display: block;
  background: url("/assets/gritter.png") no-repeat left -40px;
  color: #eee;
  padding: 2px 11px 8px 11px;
  font-size: 11px;
  font-family: verdana; }

.hover .gritter-item {
  background-position: right -40px; }

.gritter-item p {
  padding: 0;
  margin: 0; }

.gritter-close {
  display: none;
  position: absolute;
  top: 5px;
  left: 3px;
  background: url("/assets/gritter.png") no-repeat left top;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-left: -10px;
  margin-top: -10px; }

.gritter-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 7px 0;
  display: block;
  text-shadow: 1px 1px #000;
  /* Not supported by IE :( */ }

.gritter-image {
  width: 48px;
  height: 48px;
  float: left; }

.gritter-with-image,
.gritter-without-image {
  padding: 0 0 5px 0; }

.gritter-with-image {
  width: 220px;
  float: right; }

#demo-editor {
  margin: 0;
  position: relative;
  width: 500px;
  height: 200px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

#form-follow-user {
  margin-top: 15px;
  margin-bottom: 0px;
  position: relative;
  padding-left: 30px;
  padding-right: 35px; }
  #form-follow-user .field, #form-follow-user input {
    width: 100%; }
  #form-follow-user #input-user-search-addon {
    position: absolute;
    left: 0;
    z-index: 5;
    width: 20px; }
  #form-follow-user #btn-follow-user {
    position: absolute;
    right: 0;
    z-index: 5;
    height: 30px; }
  #form-follow-user #input-user-search {
    box-sizing: border-box;
    height: 30px; }

#input-user-search-addon .initials {
  z-index: 0;
  position: absolute; }
#input-user-search-addon .gravatar {
  z-index: 1;
  position: relative; }

#user-invites-to-reward-text {
  box-sizing: border-box;
  width: 100%; }

#user-right-sidebar-connections {
  line-height: 30px; }

#user-invites-to-reward-text {
  margin-bottom: 10px; }

#import-social-contacts-notification {
  margin-bottom: 10px; }

#references {
  font-size: 13px;
  font-family: Helvetica,Times,serif;
  line-height: 1.4;
  font-weight: 200;
  color: #333333; }

.article-label-badge, .badge {
  line-height: 10px;
  vertical-align: baseline;
  white-space: nowrap;
  padding: 4px 2px 4px 2px;
  font-size: 10px;
  text-transform: uppercase;
  background: #e4e4e4;
  color: #222222; }

.gmail-invited-badge, .badge {
  vertical-align: baseline;
  white-space: nowrap;
  padding: 6px;
  font-size: 11px;
  text-transform: uppercase;
  background: #00A9D4;
  color: #FFFFFF;
  letter-spacing: 1px;
  margin-left: 5px; }

.gollum-editor-format-selector {
  margin-right: 20px; }

.export-style-name {
  text-decoration: underline; }

.export-search-box {
  padding-left: 10px;
  padding-right: 10px; }
  .export-search-box input {
    max-width: 100%; }
  .export-search-box select {
    max-width: 100%; }

.export-preview-box {
  border: 1px solid #cacaca;
  box-shadow: 10px 10px 20px -2px #777;
  overflow-y: hidden;
  display: block;
  max-height: 100%; }
  @media (min-width: 768px) {
    .export-preview-box {
      max-width: 100%; } }
  @media (max-width: 767px) {
    .export-preview-box {
      max-width: 50%;
      transform: translate(50%, 0%); } }

img.img-export-style-preview {
  max-width: 100%; }

#wiki-paragraph-container {
  position: relative; }

.wiki-paragraph {
  width: 100%; }

.wiki-paragraph.ui-sortable-helper {
  background: white;
  -webkit-box-shadow: 2px 2px 2px 1px #d1d1d1;
  -moz-box-shadow: 2px 2px 2px 1px #d1d1d1;
  box-shadow: 2px 2px 2px 1px #d1d1d1; }

.wiki-paragraph.can-edit .edit-indicator, .wiki-paragraph.ui-sortable-helper .edit-indicator, .article-paragraph-editor.can-edit .edit-indicator {
  background-color: #7abcff;
  cursor: ns-resize; }

.au-article-title-paragraph .edit-indicator {
  cursor: default !important; }

.wiki-paragraph.cannot-edit .edit-indicator, .article-paragraph-editor.cannot-edit .edit-indicator {
  background-color: #ff7a7a;
  cursor: ns-resize; }

.wiki-paragraph.editing .edit-indicator, .article-paragraph-editor.editing .edit-indicator {
  background-color: #5880b7 !important; }

#empty-article-div .wiki-paragraph {
  margin: 0 0 5px; }

.wiki-paragraph p {
  margin: 0 0 10px; }

.abstract {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-size: 13px;
  line-height: 18px;
  color: #000000; }

.affil-logo-img {
  height: 15px;
  width: auto; }

.affil-logo-img-primary {
  height: 35px;
  width: auto; }

a.muted-icon {
  color: #333333; }
  a.muted-icon:hover {
    color: #333333;
    text-decoration: none; }

select.btn-mini {
  width: 100px;
  margin-left: 40px;
  font-size: 12px; }

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

.browse-hero-unit {
  padding: 20px;
  max-width: 750px;
  text-align: left;
  margin-bottom: 0px;
  background-color: #ffffff; }

#blog-browse-hero-unit {
  padding-top: 80px; }

.browse-item {
  border: 1px solid #EAEAEA;
  box-shadow: -5px 0 0 0px #7abcff; }

.browse-item :hover {
  background-color: #e6f1f6; }

.browse-content {
  padding-bottom: 7px;
  padding-left: 50px;
  padding-right: 50px; }

.browse-title {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  margin-bottom: 0px; }

.browse-title a {
  text-decoration: none;
  color: #333; }
  .browse-title a p {
    margin-bottom: 0; }

.browse-title a:hover {
  color: #333;
  text-decoration: none; }

.wiki-dropdown i {
  margin-right: 5px; }

.dropdown-menu-add span {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu-add span:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

.format-choice-latex-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.format-choice-latex-logo {
  vertical-align: middle; }

[class^="icon-"], [class*=" icon-"] {
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none !important; }

a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: none; }

.well-upload {
  padding: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px; }

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  background-color: rgba(53, 57, 71, 0.3);
  width: 6px;
  height: 6px;
  -webkit-border-radius: 4px; }

.checked-out .checkout-button {
  visibility: hidden;
  display: none; }
.checked-out .checked-out-indicator {
  display: inline; }
.checked-out .wiki-edit-link-in-place {
  display: none; }

.checked-out-indicator {
  display: none; }

.checked-out.checked-out-by-me .checked-out-indicator {
  display: none; }

.wiki-paragraph.editing .paragraph-btn-toolbar {
  display: none; }

.paragraph-btn-toolbar {
  padding: 0 5px 4px 0; }

.paragraph-btn-toolbar a {
  padding-right: 10px;
  padding-left: 10px; }

.checkin-button {
  display: none; }

.checked-out-by-me .checkin-button {
  display: inline; }

.force-checkin {
  display: inline; }

.checked-out.checked-out-by-me .wiki-edit-link-in-place {
  display: inline; }

#wiki-sidebar {
  padding-left: 20px;
  background: transparent; }

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
  text-shadow: none; }

#wiki-sidebar-title {
  float: left;
  padding-right: 10px;
  /*width:100%;*/
  background: transparent; }
  #wiki-sidebar-title h1 {
    float: left;
    font-size: 200% !important; }

@media (max-width: 767px) {
  #btn-toggle-index {
    display: none; }

  .row-fluid {
    min-height: none; }

  .container-fluid {
    padding: 15px; }

  /* make article look good on small devices */
  .span10 {
    max-width: 92%; } }
@media (max-width: 979px) {
  .nav-collapse .open > .dropdown-menu {
    background: none;
    display: block;
    position: relative;
    clear: both;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    height: 100%; } }
div.browse-article-teaser {
  font-family: "Source Sans Pro", sans-serif;
  font-variant: normal;
  font-weight: normal;
  text-align: left; }
  div.browse-article-teaser h1 {
    font-size: 1.2em; }
  div.browse-article-teaser h2 {
    font-size: 1.1em; }
  div.browse-article-teaser h3, div.browse-article-teaser .abstract-section {
    font-size: 1.0em; }
  div.browse-article-teaser h4 {
    font-size: 0.9em; }
  div.browse-article-teaser h5 {
    font-size: 0.8em; }
  div.browse-article-teaser h6 {
    font-size: 0.7em; }

table.articles {
  color: #333333;
  border-collapse: collapse;
  border-spacing: 0px 0px;
  padding-bottom: 0px;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  table.articles tr:nth-child(2n) td, table.articles tr tbody tr.even td {
    background: #f9f9f9; }
  table.articles tr td.gravatar {
    border-top: 1px solid #ccc;
    vertical-align: top;
    width: 50px; }
  table.articles tr td.article {
    font-size: 13px; }
    table.articles tr td.article span.timestamp {
      display: block;
      font-size: 85%;
      color: #666; }

table.user-institutions-table {
  border-spacing: 0px 0px;
  padding-bottom: 0px;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  table.user-institutions-table tr td {
    font-size: 100%;
    text-align: left; }

/* User show page */
table.profile {
  width: 100%;
  margin-bottom: 0; }

td.main {
  width: 70%;
  padding: 1em; }

td.sidebar {
  width: 30%;
  padding: 1em;
  vertical-align: top;
  background: #ffc; }

/*indexing users*/
ul.users {
  margin-top: 1em; }
  ul.users li {
    list-style: none; }

h1.micropost {
  margin-bottom: 0.3em; }

h1.article {
  margin-bottom: 0.3em; }

table.microposts {
  margin-top: 1em;
  margin-bottom: 100px;
  border-bottom: 1px solid #aaa; }
  table.microposts tr {
    height: 70px; }
    table.microposts tr:nth-child(2n) td, table.microposts tr tbody tr.even td {
      background: white; }
    table.microposts tr td.gravatar {
      border-top: 1px solid #ccc;
      vertical-align: top;
      width: 50px; }
    table.microposts tr td.micropost {
      border-top: 1px solid #ccc;
      vertical-align: top;
      padding-top: 10px; }
      table.microposts tr td.micropost span.timestamp {
        display: block;
        font-size: 85%;
        color: #666; }

div.user_info img {
  padding-right: 0.1em; }
div.user_info a {
  text-decoration: none; }
div.user_info span.user_name {
  position: absolute; }
div.user_info span.microposts {
  font-size: 80%; }
div.user_info span.articles {
  font-size: 80%; }

form.new_micropost {
  margin-bottom: 2em; }
  form.new_micropost textarea {
    height: 4em;
    margin-bottom: 0; }

form.new_article {
  display: inline; }

form.inline-form {
  display: inline; }

.form-inline-collab {
  display: inline;
  margin: -10px; }

.force-text-left {
  text-align: left !important; }

.user-incentive-reached {
  color: #5BB75B;
  font-weight: bold; }

.user-incentive-todo {
  color: black; }

.user-invites-summary {
  background-color: transparent;
  border: 0px;
  color: #999999; }

.featured-institution-member {
  vertical-align: bottom;
  text-align: center;
  align: center;
  display: block; }

tr.institution-member-button-row td {
  padding-bottom: 2em; }

.mathquill-rendered-math sup {
  top: 0; }

body.rich-editor-body {
  position: relative;
  margin: 0 auto;
  padding: 50px;
  width: 540px;
  font: 400 14px/1.24 helvetica, arial, sans-serif;
  text-shadow: 0 1px 0 white; }

h1.rich-editor-body {
  font-size: 1.95em; }

iframe.rich-editor-body {
  border: none; }

span.rich-editor-body {
  cursor: pointer;
  text-decoration: underline; }

p.rich-editor-body {
  margin: 5px 0; }

.highlighted-button {
  background: #e2e2e2 !important; }

#user-plans {
  background: #fff;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased; }
  #user-plans .user-plans__header,
  #user-plans .user-plans__plans-list,
  #user-plans .user-plans__info-box {
    width: 100%;
    display: block; }
  #user-plans .user-plans__header {
    text-align: center; }
  #user-plans .header__title {
    font-size: 35px;
    font-weight: 200;
    margin-bottom: 25px; }
  #user-plans .header__subtext {
    margin: 7px 0px;
    font-size: 14px; }
  #user-plans .header__subtext--link {
    color: #37a872;
    text-decoration: none;
    margin: 22px 0;
    display: block;
    font-weight: 600; }
  #user-plans .user-plans__plans-list {
    display: flex;
    justify-content: center;
    margin-bottom: 110px;
    flex-wrap: wrap; }
  #user-plans .user-plan {
    width: 280px;
    border: 1px solid #e8e8e8;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 39px 0px;
    cursor: pointer; }
  #user-plans .user-plan__name {
    font-size: 25px;
    text-align: center;
    padding: 15px;
    margin-bottom: 0;
    padding: 0; }
  #user-plans .user-plan__name,
  #user-plans .user-plan__price-container {
    width: 100%; }
  #user-plans .user-plan__price-container {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100px; }
  #user-plans .price-container__money-logo {
    font-size: 28px; }
  #user-plans .price-container__price {
    font-size: 67px;
    line-height: 50px; }
  #user-plans .price-container__free {
    font-size: 42px;
    font-weight: 600;
    line-height: 50px; }
  #user-plans .price-container__occurence {
    margin-top: 40px; }
  #user-plans .user-plan__switch {
    margin-top: -30px;
    height: 15px;
    z-index: 1; }
  #user-plans .user-plan__select {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
    height: 30px; }
  #user-plans .user-plan__select__link {
    text-decoration: none;
    color: #30a970;
    border-radius: 15px;
    border: 1px solid;
    padding: 4px 37px;
    text-transform: uppercase; }
  #user-plans .select__link--gray {
    color: #b3b3b3;
    background: none;
    font-size: 12px; }
  #user-plans .select__link--green {
    color: #30a970; }
  #user-plans .select__link--darkgray {
    color: #383838; }
  #user-plans .select__link--tan {
    color: #ad8440; }
  #user-plans .user-plan__details {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px; }
  #user-plans .details__li {
    width: 100%;
    font-size: 15px;
    margin: 6px 0;
    display: flex;
    justify-content: flex-start;
    text-align: left; }
  #user-plans .details__img {
    width: 13px;
    margin: 0 27px; }
  #user-plans .details__gray {
    color: #b3b3b3;
    margin-left: 66px; }
  #user-plans .user-plans__info-box {
    text-align: center;
    margin-bottom: 70px; }
    #user-plans .user-plans__info-box .user-plan__select__link {
      display: block;
      margin-top: 20px;
      text-align: center;
      width: 70px;
      margin: 35px auto; }
  #user-plans .info-box__title {
    font-size: 30px;
    font-weight: 600;
    margin: 10px; }
  #user-plans .info-box__subtext {
    display: inline;
    font-size: 16px; }
  #user-plans .info-box__subtext--link {
    color: #30a970;
    font-weight: 600; }

#stripe_error {
  color: #D00; }

#purchase {
  font-family: "Source Sans Pro", sans-serif;
  display: flex;
  justify-content: center;
  background: white;
  padding-top: 50px; }
  #purchase .purchase__container {
    width: 800px;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (min-width: 859px) {
      #purchase .purchase__container {
        justify-content: space-between; } }
  #purchase .purchase__title {
    font-size: 24px;
    margin: 40px 0 65px 0; }
  #purchase .new_user_subscription input,
  #purchase .new_user_subscription select,
  #purchase .group_email_request input,
  #purchase .group_email_request select {
    width: 360px;
    height: 45px;
    border-radius: 1px;
    border: solid 1px #383838;
    box-sizing: border-box;
    padding: 8px 19px;
    margin-right: 11px;
    font-family: "Source Sans Pro", sans-serif;
    box-shadow: inset 0px 0px 0px 0px; }
  #purchase .new_user_subscription label,
  #purchase .group_email_request label {
    margin-top: 20px 0 10px 0; }
  #purchase .new_user_subscription select,
  #purchase .group_email_request select {
    -webkit-appearance: none; }
  #purchase .new_user_subscription .field,
  #purchase .group_email_request .field {
    display: flex; }
  #purchase .new_user_subscription .input--inline,
  #purchase .group_email_request .input--inline {
    display: inline; }
  #purchase .new_user_subscription .input--medium,
  #purchase .group_email_request .input--medium {
    width: 220px; }
  #purchase .new_user_subscription .input--small,
  #purchase .group_email_request .input--small {
    width: 128px; }
  #purchase .new_user_subscription .input--medium-big,
  #purchase .group_email_request .input--medium-big {
    width: 257px; }
  #purchase .new_user_subscription .input--tiny,
  #purchase .group_email_request .input--tiny {
    width: 88px; }
  #purchase .purchase__left-side {
    float: left; }
  #purchase .purchase__right-side {
    width: 375px;
    height: 520px;
    border: solid 1px #e4e4e4;
    padding: 35px 40px;
    box-sizing: border-box;
    float: right; }
    @media screen and (min-width: 859px) {
      #purchase .purchase__right-side {
        width: 300px; } }
  #purchase .purchase__name-of-plan {
    font-size: 36px;
    line-height: 36px; }
  #purchase .purchase__plans-link {
    width: 169px;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 2.1;
    color: #30a970;
    display: block;
    margin-top: 20px; }
  #purchase .purchase__selected-box {
    width: 220px;
    background-color: #ffffff;
    border: solid 1px rgba(119, 119, 119, 0.2);
    margin-top: 22px; }
    #purchase .purchase__selected-box p {
      margin-bottom: 0;
      margin-top: 0;
      margin-right: 0;
      display: inline; }
    #purchase .purchase__selected-box div {
      padding: 30px 20px; }
  #purchase .purchase__guarantee-container {
    margin-top: 30px; }
    #purchase .purchase__guarantee-container div {
      display: flex;
      align-items: center; }
      #purchase .purchase__guarantee-container div p {
        margin-left: 8px;
        color: #30a970;
        font-size: 14px;
        margin-bottom: 0; }
  #purchase .purchase__lock {
    display: inline; }
  #purchase .purchase__info-box {
    font-size: 14px;
    line-height: 24px;
    margin-top: 22px; }
  #purchase .selected-box__price {
    font-size: 36px;
    margin-left: 8px; }
  #purchase .actions input {
    width: 200px;
    height: 40px;
    border-radius: 100px;
    background-color: #30a970;
    color: white;
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 0.6px;
    font-weight: 600;
    border: 0;
    margin-top: 40px; }

.display-column {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: #333333; }
  @media (max-width: 980px) {
    body {
      padding-top: 0px; } }

a {
  color: #09c;
  text-decoration: none; }
  a:hover {
    color: #069;
    text-decoration: underline; }

blockquote p {
  font-family: "Source Sans Pro", sans-serif;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px; }

header {
  padding-top: 20px; }
  header img {
    padding: 0em;
    background: red; }

section {
  margin-top: 0em;
  font-size: 120%;
  padding: 20px; }
  section h1 {
    font-size: 200%; }

table {
  font-family: "Source Sans Pro", sans-serif;
  color: #444;
  border-collapse: separate;
  border-spacing: 15px 0px;
  padding-bottom: 18px;
  font-size: 95%; }

table td {
  text-align: right; }

code {
  font-size: 11px;
  display: inline-block;
  overflow-x: scroll;
  max-width: 100%;
  vertical-align: middle;
  margin-top: 0.6em; }

hr {
  clear: both;
  margin: 15px 0;
  height: 0px;
  overflow: hidden;
  border: none;
  background: transparent;
  border-bottom: 1px solid #ddd; }

.article-page-break {
  clear: both;
  margin: 40px 0;
  height: 0px;
  overflow: hidden;
  border: none;
  background: transparent;
  border-bottom: 1px solid #393939;
  width: 100px; }

.article-page-break__container {
  display: flex;
  justify-content: center; }

body {
  padding-left: 0px;
  padding-right: 0px; }

body {
  padding-top: 0;
  width: auto !important;
  overflow-x: hidden !important;
  padding-left: 0px;
  padding-right: 0px; }

.navbar .navbar-inner {
  background: #fafafa !important;
  border-bottom: 1px solid #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none !important;
  padding-top: 2px;
  padding-bottom: 2px; }
.navbar .nav li {
  font: lighter 10px/1 "ff-scala-sans-web-1","ff-scala-sans-web-2","Lucida Grande",Helvetica,sans-serif;
  display: block;
  text-transform: uppercase;
  color: #444;
  letter-spacing: 1px;
  text-shadow: none; }
  .navbar .nav li a {
    color: #444; }
    .navbar .nav li a:hover {
      color: #000; }
.navbar .navbar-button-user {
  font: lighter 10px/1 "ff-scala-sans-web-1","ff-scala-sans-web-2","Lucida Grande",Helvetica,sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 1px;
  text-shadow: none; }
  .navbar .navbar-button-user:hover {
    text-decoration: none; }
.navbar .btn-navbar {
  margin-top: 10px;
  margin-right: 20px !important; }
.navbar .brand {
  padding: 2px 4px 0px 30px  !important; }

.navbar-fixed-top .container {
  width: 98%; }

@media (max-width: 979px) {
  .navbar-fixed-top .container {
    width: 98%; }

  .navbar .navbar-inner {
    background: #F5F5F5 !important;
    background-color: #F5F5F5 !important;
    width: auto; } }
@media (max-width: 980px) {
  .navbar-fixed-top .container {
    width: 98%; } }
@media (max-width: 767px) {
  .navbar .navbar-inner {
    width: auto; } }
@media (max-width: 400px) {
  #btn-start-writing-now {
    display: none; } }
#institution-navbar-placeholder {
  height: 40px; }

#institution-info {
  display: flex;
  flex-direction: column;
  padding: 10px 40px;
  padding-bottom: 25px; }
  #institution-info .inst-banner-admin, #institution-info .inst-banner-name {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.25;
    margin-top: 65px; }
    @media all and (orientation: portrait) {
      #institution-info .inst-banner-admin img, #institution-info .inst-banner-name img {
        max-width: 50px;
        margin-right: 10px;
        mix-blend-mode: multiply; } }
    @media all and (orientation: landscape) {
      #institution-info .inst-banner-admin img, #institution-info .inst-banner-name img {
        max-width: 150px;
        max-height: 50px;
        margin-right: 10px;
        mix-blend-mode: multiply; } }
  #institution-info .inst-banner-admin {
    font-weight: 100;
    padding-top: 20px; }
  #institution-info .inst-banner-domain, #institution-info .inst-banner-location {
    font-size: 14px;
    line-height: 21px; }
  #institution-info .inst-banner-domain {
    margin-top: 10px;
    margin-bottom: 15px; }
    #institution-info .inst-banner-domain a {
      color: #333333;
      cursor: pointer;
      text-decoration: none; }
      #institution-info .inst-banner-domain a:hover {
        text-decoration: none; }

#navbar {
  position: fixed;
  background: #fff;
  background: #f9f9f9;
  align-items: center; }

#navbar {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px 40px;
  width: 100%;
  box-sizing: border-box;
  z-index: 1000;
  justify-content: space-between;
  display: flex;
  top: 0; }
  #navbar .navbar__logo {
    height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #navbar .navbar__beta-logo {
    margin: 1px 0 0 10px;
    border-bottom: 1px solid #30a970;
    font-family: 'Source Sans Pro', sans-serif; }
  #navbar .navbar__left-side {
    display: flex;
    align-items: center; }
  #navbar .navbar__right-side-content--collapse {
    position: relative; }
  #navbar .navbar__collapse-toggle {
    margin-left: 5px; }
  #navbar .navbar-collapse__title {
    padding: 5px 20px;
    z-index: 200;
    background: white;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #202020;
    text-decoration: none; }
  #navbar .navbar-collapse__dropdown {
    position: absolute;
    left: -180px;
    z-index: 200;
    top: 35px;
    border: 1px solid #e8e8e8;
    overflow-y: scroll;
    height: 400px; }
    #navbar .navbar-collapse__dropdown:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      content: ' ';
      height: 20px;
      width: 20px;
      top: -7px;
      position: absolute;
      border: 1px solid #e8e8e8;
      z-index: 1;
      right: 42px;
      z-index: -1;
      background-color: white; }
  #navbar .navbar-collapse__link {
    text-decoration: none;
    color: #202020;
    font-family: "ScalaSans";
    letter-spacing: 1.5px;
    font-size: 12px;
    background-color: #f3f3f3;
    display: block;
    box-sizing: border-box;
    padding: 12px 0 12px 20px;
    width: 300px; }
    #navbar .navbar-collapse__link:hover {
      background: white; }
  @media screen and (max-width: 1094px) {
    #navbar .navbar__right-side-content {
      display: none; } }
  #navbar .navbar__right-side-content--collapse {
    display: none; }
    @media screen and (max-width: 1094px) {
      #navbar .navbar__right-side-content--collapse {
        display: flex;
        min-width: 95px;
        align-items: center; } }
  #navbar .navbar__dropdown {
    display: inline-block;
    position: relative; }
  #navbar .navbar__dropdown-toggle {
    padding: 11px;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #202020;
    text-decoration: none; }
    #navbar .navbar__dropdown-toggle:hover {
      opacity: 0.65; }
  #navbar .dropdown__container {
    position: absolute;
    background: white;
    top: 30px;
    left: -60px;
    border: 1px solid #e8e8e8;
    z-index: 500; }
  #navbar #about-dropdown__container:before,
  #navbar #explore-dropdown__container:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ' ';
    height: 20px;
    width: 20px;
    top: -7px;
    position: absolute;
    background: #fff;
    border: 1px solid #e8e8e8;
    z-index: 1; }
  #navbar #about-dropdown__container:before {
    left: 118px; }
  #navbar #explore-dropdown__container:before {
    left: 133px; }
  #navbar #user-dropdown__container {
    left: -100px;
    top: 40px; }
    #navbar #user-dropdown__container:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      content: ' ';
      opacity: .99;
      height: 20px;
      width: 20px;
      top: -3px;
      left: 119px;
      position: absolute;
      background: #fff;
      border: 1px solid #e8e8e8;
      z-index: 1; }
  #navbar .dropdown__link {
    font-family: "ScalaSans";
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    width: 200px;
    padding: 12px 0 12px 20px;
    position: relative;
    background: white;
    z-index: 100;
    color: #202020; }
    #navbar .dropdown__link:hover {
      background: #eee; }
  #navbar .user-gravatar-overlay,
  #navbar .gravatar,
  #navbar .initials,
  #navbar .user-profile-pic {
    border-radius: 100px !important; }
  #navbar .hide {
    display: none; }

.navbar__white {
  background: #fff !important; }

.statistics-heading {
  color: #696969;
  margin-top: 15px;
  margin-bottom: 15px; }

.statistics-entry {
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  background-color: #EEE; }
  .statistics-entry:hover .statistics-footnote {
    display: block;
    position: absolute;
    z-index: 10; }

.statistics-private .statistics-number {
  color: #696969;
  font-weight: bold;
  line-height: 1;
  display: block;
  font-size: 300%; }

.statistics-number {
  color: #4078C0;
  font-weight: bold;
  line-height: 1;
  display: block;
  font-size: 300%; }

.statistics-footnote {
  display: none;
  max-width: 15%;
  font-size: 90%;
  text-align: left;
  background-color: white;
  padding: 0.5em 1em 0.5em 1.5em;
  border: 1px solid black;
  border-radius: 0 5px 5px 5px;
  box-shadow: 5px 5px 10px gray; }

label.tag-header-label {
  font-weight: 900;
  display: inline; }

div.nav-tag-container {
  margin-top: 10px;
  display: block; }
  div.nav-tag-container ul.nav-tag-sortable {
    width: 420px;
    list-style-type: none;
    margin: 0;
    padding: 0; }
  div.nav-tag-container li {
    border: 1px solid #ddd;
    border-radius: 15px;
    font-size: 12px;
    padding: 5px 5px;
    margin: 5px 5px;
    float: left;
    max-width: 100px;
    cursor: move;
    font-weight: bold; }
  div.nav-tag-container li.nav-tag-selected {
    background-color: #C0E0EA; }
  div.nav-tag-container li.nav-tag-unselected {
    background-color: #fff; }

.flot-stats-container {
  width: 650px;
  height: 250px;
  padding: 20px 15px 15px;
  margin-bottom: 25px;
  border: 1px solid #DDD;
  background: transparent linear-gradient(#F6F6F6 0px, #FFF 50px) repeat scroll 0% 0%;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15); }

.flot-stats-synced-container {
  width: 650px;
  height: 350px;
  padding: 20px 15px 15px;
  margin-bottom: 25px;
  border: 1px solid #DDD;
  background: transparent linear-gradient(#F6F6F6 0px, #FFF 50px) repeat scroll 0% 0%;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15); }

.flot-stats-placeholder {
  width: 650px;
  height: 250px;
  font-size: 14px;
  line-height: 1.2em; }

.flot-stats-overview {
  width: 650px;
  height: 96px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.2em; }

.inst-edit {
  margin: 0 auto;
  max-width: 350px;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.inst-edit__title {
  text-align: center;
  text-align: center;
  font-size: 30px;
  font-weight: 200; }

.inst-edit__logo {
  width: 100px;
  border-radius: 100%;
  margin: 20px auto;
  display: block; }

.inst-edit__text {
  color: #777777;
  font-size: 16px;
  line-height: 24px; }

.inst-edit__text-dark {
  color: #393939;
  font-weight: bold; }

.inst-edit__row {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.inst-edit__border-bottom {
  border-bottom: 1px solid rgba(119, 119, 119, 0.36);
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px; }

.inst-edit__input {
  max-width: 130px;
  height: 43px !important;
  border-radius: 0px !important;
  min-width: 300px;
  height: 45px;
  font-size: 16px;
  padding-left: 20px;
  box-sizing: border-box;
  width: 100%;
  width: 250px !important;
  min-width: 250px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(119, 119, 119, 0.36);
  border: 1px solid red;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important; }

.inst-edit__domain {
  position: absolute;
  top: 20px;
  left: 130px;
  position: absolute;
  top: 12px;
  left: 254px;
  font-size: 14px; }

.inst-edit__email-line {
  position: relative;
  border-bottom: 1px solid rgba(119, 119, 119, 0.36); }

.inst-article-list-view-container {
  padding-right: 70px; }

.inst-label-legend {
  padding-left: 10px;
  font-size: 12px;
  color: grey; }

.au-project-blog-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif; }
  .au-project-blog-container .au-project-blog {
    max-width: 700px; }
    .au-project-blog-container .au-project-blog .au-project-blog-title {
      text-align: center;
      margin-bottom: 50px; }
    .au-project-blog-container .au-project-blog section {
      text-align: left; }
    .au-project-blog-container .au-project-blog .au-project-blog-collaborators {
      text-align: left;
      margin: 20px 20px 0 20px; }
      .au-project-blog-container .au-project-blog .au-project-blog-collaborators li {
        display: inline-block; }
    .au-project-blog-container .au-project-blog #inline-list {
      display: inline;
      margin-right: 10px; }
    .au-project-blog-container .au-project-blog .au-project-blog-article-title {
      margin: 0; }
    .au-project-blog-container .au-project-blog section {
      margin-top: 30px; }

.user-blog-date {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 12px; }

.user-blog-title {
  font-size: 24px;
  margin-bottom: 0px;
  margin-top: 2px;
  line-height: 26px; }
  .user-blog-title a {
    text-decoration: none; }

.user-blog-author {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 3px; }

.user-blog-post {
  padding-bottom: 100px;
  font-size: 17px;
  line-height: 1.5; }

.browse-tag-list {
  width: 100%;
  text-transform: uppercase; }
  .browse-tag-list span {
    margin-right: 8px;
    color: #ad8440;
    font-family: "Source Sans Pro" !important;
    cursor: pointer; }
  .browse-tag-list span.selected {
    text-decoration: underline; }

.blog-card {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 360px;
  height: 425px;
  border: 1px solid #ebe8e8;
  margin-bottom: 30px;
  background: #ffffff; }
  .blog-card .blog-card__social-media-row {
    height: 45px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .blog-card .blog-card__social-media-button {
    margin-left: 10px; }
  .blog-card .blog-card__heading-container {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    height: 78px; }
  .blog-card .blog-card__title {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: 16px;
    color: #202020; }
  .blog-card .blog-card__author-information .user-gravatar-overlay img {
    border-radius: 100%; }
  .blog-card .blog-card__container {
    padding: 0 30px; }
  .blog-card a {
    text-decoration: none; }
  .blog-card .blog-card__title {
    font-size: 16px;
    line-height: 26px;
    height: 78px;
    color: #202020;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    margin-bottom: 20px; }
    .blog-card .blog-card__title:hover {
      opacity: 0.5; }
  .blog-card .blog-card__keywords-container {
    display: flex;
    justify-content: space-between;
    align-items: left;
    text-transform: uppercase;
    width: 220px;
    flex-flow: row wrap; }
    .blog-card .blog-card__keywords-container span {
      margin-right: 8px;
      color: #ad8440;
      font-family: "Source Sans Pro" !important; }
  .blog-card .blog-card__keyword {
    cursor: pointer; }
  .blog-card .blog-card__keyword.selected {
    text-decoration: underline; }
  .blog-card .blog-card__top-row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .blog-card .blog-card__images-container {
    width: 50px;
    height: 25px;
    position: relative; }
  .blog-card .blog-card__first-avatar,
  .blog-card .blog-card__second-avatar {
    position: absolute;
    border: 1px solid white;
    border-radius: 100px; }
    .blog-card .blog-card__first-avatar img,
    .blog-card .blog-card__second-avatar img {
      border-radius: 100px; }
  .blog-card .blog-card__first-avatar {
    left: 0;
    z-index: 2; }
  .blog-card .blog-card__second-avatar {
    left: 15px;
    z-index: 1; }
  .blog-card .user-gravatar-overlay {
    margin: 0; }
  .blog-card .blog-card__author-information {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .blog-card .blog-card__authors-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -3px; }
    .blog-card .blog-card__authors-text .blog-card__owner {
      margin-right: 5px !important;
      color: #30a970;
      font-weight: 500; }
    .blog-card .blog-card__authors-text .blog-card__remaining-text {
      color: #777777; }
    .blog-card .blog-card__authors-text p {
      margin-bottom: 0; }
  .blog-card .blog-card__date {
    color: #777777; }

#authorea-blog, .inst-article-grid-view-container, #user-profile-blog-cards {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-top: 50px;
  max-width: 1300px; }

.institution-articles {
  max-width: 1300px; }

.inst-article-grid-view-container {
  width: 100%; }

#authorea-blog-list {
  font-family: "Source Sans Pro", sans-serif;
  max-width: 800px;
  margin: 0 auto;
  background: white;
  padding: 40px;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -21px; }

#more-or-less-wrapper-cards {
  width: 100%;
  margin-bottom: 20px; }

.institution-articles > div {
  margin: 10px 10px 10px 0px; }

.blog__title {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 200;
  font-size: 36px;
  color: #202020;
  text-align: center;
  margin-bottom: 20px; }

.blog__subtitle {
  color: #ad8440;
  font-size: 18px;
  text-align: center;
  font-weight: 200; }

.blog-container {
  padding-top: 176px; }

.blog-card__image-container {
  width: 360px;
  height: 200px;
  position: relative; }

img.blog-card__image-tag {
  position: absolute;
  max-height: 200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto; }

.blog_togglers {
  width: 100%; }

.blog_togglers-offset {
  width: 100%;
  margin-left: 32px;
  margin-bottom: 25px; }

.import_social_contacts_services {
  width: 100%;
  text-align: left;
  padding: 30px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .import_social_contacts_services a {
    min-width: 100px;
    color: black;
    margin: 15px;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center; }
    .import_social_contacts_services a img {
      width: 75px;
      margin-bottom: 15px; }

#google-contacts ul {
  list-style-type: none; }

.google-contact-name {
  font-weight: bold; }

li.contact.selected .icon-check-empty {
  display: none; }
li.contact.selected .icon-check {
  display: inline; }

li.contact .icon-check-empty {
  padding: 0px 10px 0px 0px; }

li.contact .icon-check {
  padding: 0px 10px 0px 0px;
  display: none; }

.grecaptcha-badge {
  display: none; }

.intercom-launcher-open-icon {
  width: 400px !important; }

.article-highlight-thumbnails {
  text-align: center; }

.main-body-container {
  padding-top: 60px; }

#main-body-container {
  padding-top: 60px;
  background: #f6f6f6; }

.article-highlight-thumbnails > li {
  display: inline-block;
  display: inline;
  float: none; }

.article-highlight-thumbnails .thumbnail {
  min-height: 350px;
  margin-bottom: 20px; }

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Footer
--------------------------------------------------*/
.footer {
  padding: 20px 0;
  margin-top: 40px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  width: 100%; }

.footer p {
  margin-bottom: 0;
  color: #777; }

.footer-links {
  margin-top: 10px;
  margin-bottom: -2px; }

.footer-links li {
  display: inline;
  margin-right: 10px; }

@media (max-width: 979px) {
  .iframe-container {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden; } }
@media (min-width: 980px) {
  .iframe-container {
    position: relative;
    width: 80%;
    padding-bottom: 60%;
    margin-left: 10%;
    height: 0;
    overflow: hidden; } }
.tab-icons-container img {
  max-width: 15px;
  margin-left: 5px; }

.group-togglers-container {
  float: right;
  margin-right: 10px; }

.browse-togglers-container {
  margin-left: 50px; }

.current-button {
  opacity: 0.1; }

.display-column {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

/* what follows is for bootswatched buttons, overriding bootstrap's default button style */
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em; }

.btn-group-vertical > .btn {
  width: 100%; }

.btn-group:first-child {
  *margin-left: 0; }

.btn {
  background-color: #ffffff;
  background-image: none !important;
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffffffff',GradientType=0);
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.btn:hover {
  background-position: 0 0; }

.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none; }

.btn-link-small {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  margin: -1px 0px 0px 0px;
  padding: 0px; }

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3; }

.btn-primary:active, .btn-primary.active {
  background-color: #003399 \9; }

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505; }

.btn-warning:active, .btn-warning.active {
  background-color: #c67605 \9; }

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a; }

.btn-danger:active, .btn-danger.active {
  background-color: #942a25 \9; }

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249; }

.btn-success:active, .btn-success.active {
  background-color: #408140 \9; }

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0; }

.btn-info:active, .btn-info.active {
  background-color: #24748c \9; }

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515; }

.btn-inverse:active, .btn-inverse.active {
  background-color: #080808 \9; }

.btn-outline {
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
  border: 2px solid #006dcc;
  color: #006dcc;
  font-weight: 600;
  display: inline-block;
  opacity: 0.7;
  background-color: transparent; }

.btn-outline-danger {
  color: #E50900;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
  border: 2px solid #E50900;
  font-weight: 600;
  display: inline-block;
  opacity: 0.7;
  background-color: transparent; }

.btn-outline-success {
  color: #5bb75b;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
  border: 2px solid #5bb75b;
  font-weight: 600;
  display: inline-block;
  opacity: 0.7;
  background-color: transparent; }

.btn-signup {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #006091, #006091);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006091), to(#006091));
  background-image: -webkit-linear-gradient(top, #006091, #006091);
  background-image: -o-linear-gradient(top, #006091, #006091);
  background-image: linear-gradient(to bottom, #006091, #006091);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006091',endColorstr='#ff006091',GradientType=0);
  border-color: #006091 #006091 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #006091;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #ffffff;
  background-color: #006091;
  *background-color: #003bb3; }

.btn-signup:active, .btn-primary.active {
  background-color: #003399 \9; }

.btn-signup-horizontal {
  margin-top: -10px;
  color: #0C860C;
  border-color: #0C860C; }

.btn-google-social {
  background-color: #D6492F !important;
  background-image: none;
  text-shadow: none !important;
  width: 15px; }

.btn-twitter-social {
  background-color: #1DC6FF !important;
  background-image: none;
  text-shadow: none !important;
  width: 15px; }

.btn-facebook-social {
  background-color: #4A6EA9 !important;
  background-image: none;
  text-shadow: none !important;
  width: 15px; }

.btn-start-now {
  font-weight: 800 !important;
  margin-top: 20px !important;
  padding: 15px 20px !important;
  font-size: 22px !important; }

.btn-start-now-loggedout {
  margin-top: 20px !important;
  background-color: #006DCC;
  border-radius: 4px;
  box-shadow: 2px 2px 0 #337398;
  font-size: 15px;
  max-width: 120px;
  font-family: "jaf-facitweb","Helvetica Neue",Arial,sans-serif;
  text-shadow: none !important;
  color: #fff; }
  .btn-start-now-loggedout:hover {
    text-decoration: none;
    color: #fff;
    background-color: #006091; }

.btn-group-format-choice {
  vertical-align: bottom;
  text-align: center;
  align: center;
  display: block; }
  .btn-group-format-choice a {
    color: #333333;
    font-weight: normal;
    font-size: 14px; }
    .btn-group-format-choice a:hover {
      text-decoration: none;
      color: #333333; }

.btn-format-choice {
  margin: 15px;
  height: 70px;
  vertical-align: middle; }

.btn-micro {
  padding: 2px 3px;
  font-size: 10px;
  line-height: 14px; }

.btn-group > .btn-micro {
  padding: 2px 3px;
  line-height: 14px;
  font-size: 11px; }

.btn-gray {
  background: #FAFAFA;
  color: #a5a5a5;
  text-shadow: none;
  border-radius: 20px !important;
  min-width: 20px;
  border: 1px solid #F0F0F0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  font-family: initial;
  height: 20px; }

.btn-gray-selected {
  background: #e8e8e8 !important; }

.btn-tag-icon:hover {
  color: blue;
  text-decoration: none !important; }
.btn-tag-icon:focus {
  color: black;
  text-decoration: none !important; }

.btn-label {
  vertical-align: baseline;
  white-space: nowrap;
  padding: 2px 4px 2px 4px;
  font-size: 11px;
  text-transform: uppercase;
  background: #ffffff;
  color: #444;
  border-color: #d4d4d4;
  border-radius: 0px; }

.btn-small-close {
  padding: 10px 3px;
  font-size: 12px;
  line-height: 12px; }

/* Sign up button */
a.signup_button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  width: 190px;
  color: white;
  background: #DCE2E8;
  font-size: 150%;
  font-weight: bold;
  padding: 20px;
  border: 1px solid #D8D8D8; }

@media (max-width: 979px) {
  .btn-gray {
    margin-bottom: 4px; } }
/* Links */
a.nodeco {
  color: #000; }

a.delete-user-link {
  display: inline-block;
  vertical-align: top;
  color: #3B5998;
  font-weight: bold;
  font-size: 11px;
  visibility: hidden;
  margin: 0 5px; }
  a.delete-user-link:hover {
    text-decoration: none; }

a.muted-link {
  color: #888888;
  font-weight: bold;
  font-size: 11px; }
  a.muted-link:hover {
    text-decoration: none; }

a.customize-author-link {
  color: #333;
  font-weight: bold; }
  a.customize-author-link:hover {
    text-decoration: none; }

a.institution-link {
  color: #555555; }
  a.institution-link:hover {
    text-decoration: none; }

a.fa-key-link {
  color: #2E6DA4;
  font-weight: bold;
  font-size: 11px; }
  a.fa-key-link:hover {
    text-decoration: none; }

a.blog-label-link {
  color: #000; }
  a.blog-label-link:hover {
    font-weight: bold;
    text-decoration: none; }

a.white {
  color: #fff; }

a.breakable-link {
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.sidebar-nav-fixed {
  position: fixed;
  width: 15%; }
  .sidebar-nav-fixed .sidebar-below-tabs {
    width: 100px; }
  .sidebar-nav-fixed .icon-chevron-right {
    margin-right: 3px;
    opacity: .25; }
  .sidebar-nav-fixed li {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #09c; }

@media (max-width: 767px) {
  .sidebar-nav-fixed {
    position: static;
    width: auto;
    margin-bottom: 20px; } }
@media (max-width: 979px) {
  .sidebar-nav-fixed {
    position: static;
    top: 50px;
    width: auto; } }
@media screen and (max-width: 669px) {
  #user-sidebar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; } }

#user-sidebar-left {
  font-family: "Source Sans Pro", sans-serif;
  float: left;
  width: 300px;
  box-sizing: border-box;
  position: relative;
  background: white;
  padding: 15px 40px 55px 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 669px) {
    #user-sidebar-left {
      width: 80%; } }
  #user-sidebar-left .gravatar,
  #user-sidebar-left .initials,
  #user-sidebar-left .user-profile-pic {
    border-radius: 100%; }
  #user-sidebar-left .user-sidebar__full-bio-link {
    font-size: 12px;
    color: #30a970;
    background: transparent;
    border: 0;
    cursor: pointer; }
  #user-sidebar-left .tooltip-inner {
    font-size: 14px; }
  #user-sidebar-left .user-sidebar__name {
    color: #30a970;
    font-size: 16px;
    font-weight: 600; }
  #user-sidebar-left .user-sidebar__position {
    font-size: 16px;
    color: #202020; }
  #user-sidebar-left .user-sidebar__full-bio-link {
    color: #30a970;
    font-weight: 600; }
  #user-sidebar-left .user-sidebar__edit-profile {
    font-size: 12px;
    text-decoration: none;
    color: #777777;
    font-weight: 600;
    margin-bottom: 22px;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none; }
    #user-sidebar-left .user-sidebar__edit-profile:hover {
      opacity: 0.5; }
  #user-sidebar-left .user-following-field .user-gravatar-overlay, #user-sidebar-left .user-following-field .user-profile-pic {
    margin: 0 2px;
    width: 24px; }
  #user-sidebar-left .hidden-container {
    display: none; }
  #user-sidebar-left .user-sidebar__text {
    font-size: 14px;
    color: #202020; }
  #user-sidebar-left .user-sidebar__container {
    margin: 14px 0;
    width: 100%; }
  #user-sidebar-left .user-sidebar__top-border {
    border-top: 1px solid rgba(119, 119, 119, 0.36);
    padding-top: 12px;
    padding-bottom: 12px; }
  #user-sidebar-left .add-group-notice {
    margin-bottom: 10px; }
  #user-sidebar-left .user-sidebar__header {
    font-size: 14px;
    color: #ad8440;
    font-weight: 600;
    margin-bottom: 14px; }
  #user-sidebar-left .user-sidebar__top {
    text-align: center; }
  #user-sidebar-left .user-sidebar__contacts-list {
    display: flex;
    align-items: center; }
  #user-sidebar-left .user-sidebar__group {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #202020;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    text-decoration: none;
    margin-bottom: 5px;
    display: block; }
    #user-sidebar-left .user-sidebar__group:hover {
      opacity: 0.5; }
  #user-sidebar-left .user-sidebar__follow_button, #user-sidebar-left .user-sidebar__unfollow_button {
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    color: #202020;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    text-decoration: none;
    display: block; }
    #user-sidebar-left .user-sidebar__follow_button:hover, #user-sidebar-left .user-sidebar__unfollow_button:hover {
      opacity: 0.5; }
  #user-sidebar-left .connection_avatar {
    height: 24px; }
  #user-sidebar-left .user-sidebar__link {
    min-width: 50px; }
  #user-sidebar-left .user-sidebar__big-text {
    font-size: 24px;
    color: #202020;
    font-weight: 600;
    margin-bottom: 5px; }
  #user-sidebar-left .user-sidebar__big-gray {
    font-size: 18px;
    color: #777777; }
  #user-sidebar-left .user-sidebar__stat {
    margin-top: 22px; }
  #user-sidebar-left .user-sidebar__center {
    display: flex;
    justify-content: center;
    display: flex;
    justify-content: center;
    height: 150px; }
    #user-sidebar-left .user-sidebar__center img {
      max-width: 150px;
      height: auto; }
    #user-sidebar-left .user-sidebar__center .user-gravatar-overlay {
      max-width: 150px; }

.user-homepage__container {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 669px) {
    .user-homepage__container {
      justify-content: center; } }

.user-homepage__article-section {
  min-width: 405px;
  overflow: hidden;
  padding: 20px 40px;
  box-sizing: border-box;
  width: calc(100% - 300px); }
  @media only screen and (max-width: 669px) {
    .user-homepage__article-section {
      padding: 20px 30px;
      margin-top: 40px;
      width: auto; } }

#user-profile {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 30px; }
  #user-profile p {
    margin: 0; }
  #user-profile .user-profile-main {
    width: 100%;
    max-width: 900px;
    float: left; }
  #user-profile .user-profile__documents-title {
    margin: 0 0px 10px 0;
    font-size: 25px;
    margin-bottom: 0px !important;
    cursor: pointer;
    display: flex;
    align-items: center; }
  #user-profile #documentDropdownOptions {
    margin-top: 10px; }
  #user-profile .user-profile__top-bar {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    #user-profile .user-profile__top-bar .top,
    #user-profile .user-profile__top-bar .bottom {
      display: flex;
      justify-content: space-between;
      width: 100%;
      flex-wrap: wrap;
      align-items: center; }
    #user-profile .user-profile__top-bar .top {
      margin-top: 20px;
      margin-bottom: 10px; }
      #user-profile .user-profile__top-bar .top .dropdown {
        margin-right: 20px; }
    #user-profile .user-profile__top-bar .toggle-options,
    #user-profile .user-profile__top-bar .dropdown,
    #user-profile .user-profile__top-bar .user-profile__documents-title,
    #user-profile .user-profile__top-bar .user-profile__article-buttons {
      margin-bottom: 25px; }
  #user-profile .user-profile__top-bar--left {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end; }
    @media only screen and (max-width: 669px) {
      #user-profile .user-profile__top-bar--left {
        align-items: center; } }
    @media screen and (min-width: 716px) {
      #user-profile .user-profile__top-bar--left {
        align-items: center; } }
  #user-profile .user-profile__article-buttons {
    display: flex; }
  #user-profile .user-profile__view-archive {
    color: #30a970;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
    width: 154px;
    line-height: 44px;
    padding-left: 0px; }
  #user-profile .user-profile__button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid #30a970;
    padding: 4px;
    width: 127px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: bold; }
  #user-profile .button--trans {
    background: transparent;
    color: #30a970;
    border: 1px solid #30a970;
    height: 22px; }
  #user-profile .button--white {
    color: #30a970;
    background: white;
    border: 1px solid #30a970; }
  #user-profile .button--green {
    background: #30a970;
    color: #fff;
    margin-left: 12px;
    height: 22px; }
    #user-profile .button--green:hover {
      background: rgba(48, 169, 112, 0.9); }
  #user-profile .dropdown {
    position: relative; }
  #user-profile .dropdown .icon-sort-down {
    position: absolute;
    top: 2px;
    right: 20px;
    color: #777777;
    font-size: 15px; }
  #user-profile .user-profile__sort-toggle {
    width: 170px;
    text-align: left;
    background: white;
    border: 1px solid #dddddd;
    color: #777777;
    font-size: 12px;
    padding: 5px 10px;
    position: relative; }
    @media screen and (min-width: 670px) and (max-width: 715px) {
      #user-profile .user-profile__sort-toggle {
        margin-top: 10px; } }
  #user-profile .dropdown-menu {
    border-radius: 0;
    padding: 0; }
  #user-profile .current-sort {
    background: #fff; }
    #user-profile .current-sort img {
      margin-left: 67px; }
    #user-profile .current-sort:hover {
      background: green; }
    #user-profile .current-sort .icon-sort-by-attributes {
      display: none; }
  #user-profile .user-profile__sort-articles {
    min-width: 110px; }
  #user-profile .dropdown-menu a {
    width: 148px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #777777;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 10px; }
    #user-profile .dropdown-menu a:hover {
      background-color: #f6f6f6; }
  #user-profile .toggle-options {
    display: flex;
    justify-content: space-between;
    width: 415px;
    margin-right: 20px; }
    @media screen and (max-width: 415px) {
      #user-profile .toggle-options {
        width: 288px; } }
    #user-profile .toggle-options a {
      font-weight: 600;
      color: #777777;
      font-size: 16px;
      padding-bottom: 5px; }
      #user-profile .toggle-options a:hover {
        text-decoration: none;
        border-bottom: 1px solid #777777; }
    #user-profile .toggle-options .underline {
      color: #202020;
      border-bottom: 1px solid #202020; }
  #user-profile #documentDropdownOptions {
    border: 0px; }
    #user-profile #documentDropdownOptions .green-check {
      position: absolute;
      right: 13px; }
    #user-profile #documentDropdownOptions .list-row {
      display: flex;
      align-items: center;
      position: relative;
      width: 180px; }
      #user-profile #documentDropdownOptions .list-row a {
        width: 100%; }
  #user-profile .black-triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #202020;
    margin-left: 8px; }
  #user-profile .drop-down-wrapper {
    display: flex; }
  #user-profile .user-profile-grid-togglers {
    margin-left: 5px; }

#user-article-list {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif; }
  #user-article-list .article__list {
    padding: 0 0 20px 0; }
    @media screen and (max-width: 399px) {
      #user-article-list .article__list {
        margin: 0 25px; } }
  #user-article-list .article-labels,
  #user-article-list .article-label-dropdown {
    display: none; }
    @media only screen and (min-width: 1050px) {
      #user-article-list .article-labels,
      #user-article-list .article-label-dropdown {
        display: block; } }
  #user-article-list .article {
    background: white;
    padding: 20px 30px;
    box-sizing: border-box;
    border: none;
    margin: 0 0 20px 0;
    border-spacing: 30px; }
  #user-article-list .btn-article-name {
    font-weight: bold;
    color: #393939;
    line-height: auto;
    font-size: 19px;
    line-height: 21px;
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 275px; }
    @media screen and (max-width: 570px) {
      #user-article-list .btn-article-name {
        max-width: 230px; } }
    @media screen and (min-width: 900px) {
      #user-article-list .btn-article-name {
        max-width: 384px; } }
    @media screen and (min-width: 1195px) {
      #user-article-list .btn-article-name {
        max-width: 575px; } }
  #user-article-list .icon-tag {
    color: #393939;
    padding: 0; }
  #user-article-list .btn-tag-icon {
    padding: 0;
    margin: 0; }
  #user-article-list .article-label-badge {
    background: none;
    padding: 2px; }
  #user-article-list .article__header {
    display: flex;
    background: none;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0.6em; }
    @media only screen and (min-width: 670px) {
      #user-article-list .article__header {
        margin-bottom: 6px;
        padding-left: 11px; } }
    @media only screen and (min-width: 1050px) {
      #user-article-list .article__header {
        flex-direction: row;
        align-items: center;
        padding-bottom: 0; } }
  #user-article-list .article__header-left {
    display: flex;
    align-items: center; }
  #user-article-list .article-labels {
    line-height: auto; }
  #user-article-list .icon-unlock,
  #user-article-list .icon-lock {
    font-size: 17px;
    margin-right: 20px;
    width: 100%; }
    @media only screen and (min-width: 670px) {
      #user-article-list .icon-unlock,
      #user-article-list .icon-lock {
        width: auto; } }
  #user-article-list .article__author-name {
    color: #30a970;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px; }
  #user-article-list .article__collaborator-text {
    color: #393939;
    font-weight: 600;
    font-size: 14px; }
  #user-article-list .article__details {
    line-height: 20px;
    color: #202020;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media only screen and (min-width: 1050px) {
      #user-article-list .article__details {
        align-items: center;
        flex-direction: row; } }
  #user-article-list .article__details--row {
    display: flex; }
    @media only screen and (min-width: 1050px) {
      #user-article-list .article__details--row {
        flex-direction: row;
        align-items: center; } }
  #user-article-list .vertical-hr {
    width: 1px;
    height: 13px;
    margin: 0 10px;
    background: #777777;
    display: none; }
    @media only screen and (min-width: 1050px) {
      #user-article-list .vertical-hr {
        display: block; } }
  #user-article-list .article__footer {
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -9px;
    display: flex; }
    @media only screen and (min-width: 670px) {
      #user-article-list .article__footer {
        padding-left: 11px; } }
    @media only screen and (min-width: 1050px) {
      #user-article-list .article__footer {
        align-items: center;
        flex-direction: row;
        margin-top: 0; } }
  #user-article-list .icon-trash,
  #user-article-list .icon-signout {
    color: #777777; }
  #user-article-list .article__remove-button {
    background: transparent;
    border: 0; }
  #user-article-list .tooltip-inner {
    font-size: 14px;
    background: #202020;
    border: 1px solid #202020;
    color: #f6f6f6;
    width: 125px; }
  #user-article-list .delete-article-link {
    position: absolute;
    right: 25px;
    font-size: 17px;
    bottom: 13px;
    color: #202020; }
  #user-article-list .articles__more-or-less {
    text-align: center;
    color: #202020; }
    #user-article-list .articles__more-or-less a {
      padding-bottom: 4px;
      font-size: 17px;
      text-decoration: none;
      color: #202020; }
      #user-article-list .articles__more-or-less a:hover {
        border-bottom: 1px solid #202020; }

/* Testimonials
-------------------------------------------------- */
.testimonial-container {
  /*    background: #f6f6f6;
      padding: 75px 107px 47px 107px;
      @media screen and (max-width: 400px){
          padding: 40px 20px;
      }*/ }

/* Using !important to override the default 'slick.js' absolute positioing of the dots */
/*.testimonial-container-title {
    font-family: "ScalaSans";
    color: #244863;
    letter-spacing: -1px;
    text-align:center;
    font-size: 36px;
}

.testimonial-carousel {
    max-width: 800px;
    margin: 74px auto 0 auto;
    @media screen and (max-width: 775px){
        margin: 20px auto 0 auto;
    }
}

.testimonial {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
}

.testimonial-img {
    border-radius: 100%;
    width: 125px;
    border: 11px solid #ffffff;*/
/*display: inline-block !important;*/
   /* -webkit-transform: scale(1.1);
    @media screen and (max-width: 775px){
        margin: 20px auto;
    }
}

.testimonial-text {
    display: inline-block;
    width: 475px;
    margin-left: 54px; 
    color: #202020;
}

.testimonial-quote {
    font-family: "ScalaSans-Regular";
    font-size: 16px;
    line-height: 1.5;
}

.testimonial-author {
    font-family: "ScalaSans-Bold";
    margin: 25px 0 0px 0;
    font-size: 14px;
}

.testimonial-school {
    font-size: 14px;
    font-family: "ScalaSans";
}*/
.testimonial:before, .testimonial:after {
  /*    content: "\201C";
      position: absolute;
      font-size: 80px;
      line-height: 1;
      color: #999;
      font-style: normal;*/ }

.testimonial:before {
  /*    top: 0;
      left: 10px;*/ }

.testimonial:after {
  /*    content: "\201D";
      right: 10px;
      bottom: -0.5em;*/ }

/*.twitter-testimonials{
    padding:20px;
    img{margin-top: 10px;}
}

.testimonial-author span {
    font-family: "ScalaSans-Bold";
    font-size: 12px;
    color: #666;
}

.quote-testimonials {
    .testimonial-img {
        display: block;
        width: 90px;
        margin: 20px auto;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    }
}*/
/** {border: 1px solid red;}*/
.signup-form__input-container {
  display: flex;
  justify-content: space-between;
  max-width: 880px;
  margin: 0 auto; }

.signup-form__input[type=text], .signup-form__input[type=password] {
  font-family: "ScalaSans";
  box-shadow: none;
  width: 250px;
  height: 43px;
  background: #ffffff;
  margin-right: 16px;
  padding: 0 0 0 25px;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1.5px;
  color: #777777;
  border-bottom: none !important;
  box-shadow: none !important;
  border-radius: 0px;
  border: 0px;
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

.signup-form .input-field label {
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 20px;
  top: 14px;
  font-family: "ScalaSans";
  color: #777777; }
  .signup-form .input-field label:hover {
    color: #ffffff; }
  .signup-form .input-field label.active {
    left: 0;
    top: 5px;
    color: #ffffff !important; }

.signup-form__delete-button {
  width: 7px;
  font-size: 10px;
  color: #9e9e9e;
  position: absolute;
  top: 18px;
  right: 32px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none; }
  .signup-form__delete-button:hover {
    cursor: pointer; }

.signup-form input[type="submit"], .signup-form button[type="submit"] {
  font-family: "ScalaSans-Regular";
  display: block;
  padding: 15px 50px;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 50px auto 0 auto;
  width: 350px;
  background: transparent;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  outline: none !important; }

.bttn {
  border-radius: 40px;
  font-family: "Source Sans Pro", sans-serif;
  padding: 10px 0;
  display: block;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .bttn:hover {
    text-decoration: none; }

.bttn--small {
  width: 200px; }

.bttn--medium {
  width: 230px; }

.bttn--large {
  width: 255px; }
  .bttn--large:hover {
    background-color: rgba(255, 255, 255, 0.2); }

.bttn--small-text {
  font-size: 12px; }

.bttn--large-text {
  font-size: 14px; }

.bttn--seaweed {
  background: transparent;
  color: #30a970;
  border: 1px solid #30a970; }

.bttn--white {
  color: #ffffff;
  border: 1px solid #ffffff; }
  .bttn--white:hover {
    color: #ffffff; }

.bttn--dark-blue {
  color: #244863;
  border: 1px solid #244863; }
  .bttn--dark-blue:hover {
    color: #244863; }

.bttn--hide-small {
  display: none; }
  @media screen and (max-width: 1120px) {
    .bttn--hide-small {
      display: block; } }

.bttn--margin-above {
  margin: 50px auto 0 auto; }

.bttn--margin-top-bottom {
  margin: 60px auto 60px auto; }

.bttn--no-margin {
  margin: 0 auto; }

@media screen and (min-width: 993px) {
  .homepage-nav__list {
    display: flex;
    align-items: center; } }

#homepage-nav ul a {
  padding: 15px 0 7px 20px;
  font-family: "ScalaSans";
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1px;
  position: relative;
  text-decoration: none;
  color: #fff;
  background: none;
  background-color: none; }
  #homepage-nav ul a:hover {
    text-decoration: none;
    background: none;
    background-color: none;
    color: white; }
  #homepage-nav ul a .dropdown-link {
    color: #202020; }

.button-collapse {
  float: right !important; }
  .button-collapse:hover, .button-collapse:focus {
    text-decoration: none; }
  .button-collapse i:hover {
    color: #fff;
    padding-right: 5px; }

.nav-wrapper {
  background-color: transparent;
  padding: 0px 65px  !important;
  overflow: visible; }
  @media screen and (max-width: 430px) {
    .nav-wrapper {
      padding: 25px 20px !important; } }

.material-icons:hover {
  padding: 0 !important; }

.dropdown-list-item {
  margin-right: 0 !important; }
  .dropdown-list-item:hover {
    background: lightgrey;
    padding-right: 0; }

#homepage-nav ul a.mobile-link {
  color: #202020;
  margin-bottom: 5px;
  display: flex;
  align-items: center; }

#homepage-nav .brand-logo {
  width: 150px;
  float: left;
  margin-left: 65px; }
  @media screen and (max-width: 430px) {
    #homepage-nav .brand-logo {
      position: relative;
      margin: 0 0 0 -10px; } }
  @media screen and (min-width: 980px) {
    #homepage-nav .brand-logo {
      position: relative;
      margin: 0; } }

.brand-logo {
  width: 130px; }

.dropdown-button--circle {
  border-radius: 100px; }

.dropdown-button--circle.outline {
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
  border: 2px solid;
  background-color: transparent;
  padding: 10px 10px; }

#homepage-nav ul li {
  position: relative; }

.nav__button {
  margin-right: 20px;
  margin-top: 20px;
  font-family: "ScalaSans";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1.2px;
  position: relative;
  text-decoration: none !important;
  color: #fff !important;
  background: none;
  cursor: pointer; }
  .nav__button:hover {
    opacity: 0.8; }

.down-caret {
  margin-top: -2px;
  margin-left: 1px;
  position: relative;
  text-decoration: none !important;
  background: none;
  cursor: pointer; }
  .down-caret:hover {
    opacity: 0.8; }

.down-caret path {
  fill: #000 !important;
  color: #00779a; }

.homepage-dropdown-menu {
  min-width: 200px !important;
  overflow: visible !important;
  left: -63px !important;
  position: absolute;
  border-radius: 0;
  padding: 0;
  top: 55px;
  /*&:before {
      @include transform(rotate(45deg));
      content: ' ';
      height: 20px;
      width: 20px;
      top: -3px;
      left: 95px;
      position: absolute;
      background: #fff;
  }*/ }

.dropdown__list-item {
  margin-right: 0px; }

.dropdown-content {
  top: 50px !important;
  display: flex;
  flex-wrap: wrap; }

#homepage-nav ul li ul {
  top: 300px; }

.dropdown-content li {
  padding-bottom: 5px; }

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ScalaSans-Regular";
  letter-spacing: 1px;
  color: #202020;
  text-transform: uppercase;
  padding: 0 0 0 20px; }
  .dropdown-content li > a:hover, .dropdown-content li > span:hover {
    text-decoration: none;
    background: none; }

.side-nav-title {
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1.5px;
  color: #202020;
  margin: 0;
  clear: both;
  line-height: 40px; }

.explore {
  display: inline; }

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

.side-nav a {
  margin: 0;
  padding-left: 40px;
  background-color: #f3f3f3;
  height: 40px;
  margin-right: 62px; }

.signup-container {
  height: 50px; }

.side-nav li {
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ScalaSans-Regular";
  letter-spacing: 1px;
  color: #202020;
  width: 100%;
  background: #f3f3f3;
  border: 1px solid transparent; }
  .side-nav li:hover {
    background: #ffffff; }

.side-nav .exit-button {
  position: absolute;
  top: 53px;
  right: 10px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #202020;
  float: right;
  padding-right: 30px;
  position: absolute;
  top: 33px; }
  .side-nav .exit-button:hover {
    cursor: pointer; }

.side-nav-signup {
  height: 42px;
  width: 150px;
  margin-right: 0 !important;
  font: "ScalaSans";
  letter-spacing: 1.5px;
  color: #202020;
  border: 1px solid #202020;
  margin-left: 20px !important;
  border-radius: 50px;
  margin-bottom: 20px !important;
  color: black; }
  .side-nav-signup p {
    color: black;
    margin-top: -5px;
    position: absolute;
    top: 0;
    left: 44px; }
    @media screen and (max-width: 600px) {
      .side-nav-signup p {
        margin-top: -5px; } }
  .side-nav-signup:hover {
    color: #202020; }

#homepage-nav * {
  font-family: "Source Sans Pro", sans-serif; }
#homepage-nav .hide-on-med-and-down {
  display: flex;
  justify-content: space-around; }
#homepage-nav .dropdown__link {
  color: #202020 !important;
  width: 200px; }
  #homepage-nav .dropdown__link:hover {
    background: #f3f3f3; }
    #homepage-nav .dropdown__link:hover a {
      color: white !important; }
#homepage-nav .dropdown {
  margin-right: 25px; }

.article-square {
  font-family: "Source Sans Pro", sans-serif;
  display: block;
  float: left;
  position: relative;
  width: 300px;
  margin: 7px;
  overflow: hidden;
  color: #333333;
  text-align: center;
  border: 3px solid #E7E7E7;
  background: #ffffff;
  box-sizing: border-box;
  transition: all 0.2s;
  border: 1px solid rgba(173, 132, 64, 0.2);
  height: 580px; }
  .article-square * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .article-square:hover {
    text-decoration: none;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    color: #333333; }

.article-square__category {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 11px;
  text-align: left;
  color: #ad8440;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.article-square__bottom {
  padding: 20px; }

.article-square__authors {
  max-width: 260px;
  bottom: 42px;
  font-size: 12px;
  text-align: left;
  color: #30a970;
  font-weight: 600;
  margin: 0;
  height: 40px;
  overflow: hidden; }

.article-square__additional-authors {
  text-align: left;
  color: #777777;
  font-size: 12px;
  height: 25px;
  overflow: hidden; }

.article-square__title {
  font-size: 21px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #202020;
  line-height: 25px;
  text-align: left;
  min-height: 100px; }

.article-square__details {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 10px 5px 10px;
  width: 100%;
  box-sizing: border-box; }

.article-square__stats-container {
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding: 20px 0;
  height: 100px;
  overflow: hidden; }
  .article-square__stats-container div {
    max-width: 115px; }
  .article-square__stats-container p {
    margin: 0; }
  .article-square__stats-container .right-stats {
    text-align: right; }

.article-square__stat {
  float: left;
  margin-right: 5px;
  overflow: hidden;
  width: 50px;
  font-family: "ScalaSans"; }
  .article-square__stat:last-child {
    float: right; }
  .article-square__stat .icon {
    width: 10px;
    height: 10px;
    margin-right: 4px; }
    .article-square__stat .icon .icon-eye-open:before {
      margin-right: 6px; }
  .article-square__stat img {
    padding-right: 3px; }

.features-carousel {
  font-family: "ScalaSans";
  margin: 132px auto 0 auto;
  text-align: center;
  width: 470px;
  /* media queries */
  /* avoing BEM here to over-ride slick carousel defaults and not interfear with other carousel */ }
  @media screen and (max-width: 767px) {
    .features-carousel {
      margin-top: 100px; } }
  @media screen and (max-width: 530px) {
    .features-carousel {
      padding-bottom: 50px;
      width: 220px; } }
  .features-carousel .slick-dots {
    top: -78px; }
    @media screen and (max-width: 767px) {
      .features-carousel .slick-dots {
        top: -64px; } }
  .features-carousel .slick-dots li {
    margin: 0 -3px; }
  .features-carousel .slick-dots li button:before {
    font-size: 7px; }

.features-carousel__title {
  margin-top: -8px;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 42px;
  letter-spacing: -1px;
  font-weight: normal;
  margin-bottom: 0;
  color: #202020;
  padding: 5px; }

.features-carousel__subtitle {
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #777777;
  line-height: 24px; }

.testimonial {
  font-family: "Source Sans Pro", sans-serif;
  margin-top: 30px;
  padding: 25px 10px;
  margin: 0 auto;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  outline: 0; }
  @media screen and (max-width: 658px) {
    .testimonial {
      justify-content: center; } }

.testimonial__img-container {
  border-radius: 100%;
  width: 125px;
  height: 125px;
  overflow: hidden;
  background-size: cover;
  background-size: cover !important;
  background-position: center !important; }

/* using background images here for scaling issues with images */
#anisha {
  background: url("testimonials/Anisha.png"); }

#pierre {
  background: url("testimonials/pierre.jpg"); }

#lois {
  background: url("testimonials/lois.jpg"); }

#damien {
  background: url("testimonials/damien.jpg"); }

#chris {
  background: url("testimonials/chris.jpg"); }

#majdid {
  background: url("testimonials/majdid.jpg"); }

#nick {
  background: url("testimonials/crawford.jpg"); }

#alex {
  background: url("testimonials/wagner.png"); }

.testimonial__text {
  display: inline-block;
  max-width: 475px;
  color: #202020;
  text-align: center;
  display: block;
  margin: none;
  text-align: left;
  margin-left: 25px; }
  @media screen and (max-width: 639px) {
    .testimonial__text {
      margin: 25px auto 0 auto;
      text-align: center; } }
  @media screen and (max-width: 664px) {
    .testimonial__text {
      margin-top: 25px;
      width: 100%;
      text-align: center; } }

.testimonial__quote {
  font-size: 30px;
  font-family: 'Source Serif Pro', serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  color: rgba(173, 132, 64, 0.5); }

.testimonial__author {
  margin: 25px 0 0px 0;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold; }

.testimonial__school {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-slide {
  width: 300px; }

.home-footer {
  padding: 64px 128px;
  background: black;
  overflow: hidden; }
  .home-footer * {
    font-family: "Source Sans Pro", sans-serif; }
  @media screen and (max-width: 430px) {
    .home-footer {
      padding: 40px 20px;
      height: auto; } }
  @media screen and (max-width: 767px) {
    .home-footer {
      padding: 64px 20px; } }
  .home-footer #scroll-link {
    text-decoration: none;
    color: #a3a3a3; }

/*===================*/
/*===Links List =====*/
/*===================*/
.homepage__footer-list {
  float: left;
  display: flex;
  flex-flow: column wrap;
  max-width: 210px;
  max-height: 115px; }
  @media screen and (max-width: 570px) {
    .homepage__footer-list {
      flex-flow: column nowrap;
      max-height: none; } }

.list__item {
  text-decoration: none;
  color: #d8d8d8;
  padding-right: 50px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 26px; }
  .list__item:hover {
    color: #3599b8;
    text-decoration: none; }

/*=================*/
/*===Back To Top===*/
/*=================*/
.back-to-top {
  display: none; }
  @media screen and (max-width: 570px) {
    .back-to-top {
      display: block;
      float: right;
      margin-right: 10px; } }

.back-to-top__hand {
  font-family: "Scala-Hands";
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #a3a3a3;
  font-size: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 34px; }
  .back-to-top__hand:hover {
    color: #3599b8; }

.back-to-top__text {
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #777777;
  text-decoration: none;
  color: #a3a3a3; }
  .back-to-top__text:hover {
    color: #3599b8; }

/*==================*/
/*===Contact List===*/
/*==================*/
.contact-list {
  float: right;
  color: white;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*line-height: 23px;*/
  color: #d7d7d7; }
  @media screen and (max-width: 570px) {
    .contact-list {
      float: left;
      clear: both;
      margin-top: 32px; } }

.contact-list__address {
  margin-bottom: 0;
  line-height: 24px; }

.contact-list__address--title {
  font-weight: 600; }

/*==================*/
/*=== Email List ===*/
/*==================*/
.email-list {
  margin-top: 16px; }

.email-list__email {
  color: #d7d7d7;
  text-decoration: underline; }
  .email-list__email:hover {
    color: #d7d7d7; }

/*==================*/
/*=== Terms Logo ===*/
/*==================*/
.terms-logo {
  max-width: 175px;
  float: left; }
  @media screen and (max-width: 570px) {
    .terms-logo {
      margin-top: 15px; } }

.terms-logo__logo {
  display: block;
  padding-bottom: 12px;
  max-height: 50px;
  width: 100px; }

.terms-logo__text {
  display: inline;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a3a3a3;
  text-decoration: none;
  padding-right: 10px; }

/*==================*/
/*===Social Media===*/
/*==================*/
.social-icons {
  float: right;
  width: 225px; }
  @media screen and (max-width: 570px) {
    .social-icons {
      width: auto; } }

.social-icons__icon {
  margin-left: 17px;
  height: 20px; }

.home-footer__bottom-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between; }
  @media screen and (max-width: 570px) {
    .home-footer__bottom-row {
      margin-top: 30px; } }

h1, h2, h3, .abstract-section, h4, h5 h6 {
  font-weight: normal; }

nav {
  background-color: transparent;
  box-shadow: none; }

.homepage-body {
  padding-top: 0px; }

.page-wrap {
  margin: 0 auto;
  max-width: 1800px; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

.line-break-mobile {
  display: block; }
  @media screen and (max-width: 400px) {
    .line-break-mobile {
      display: none; } }

@media screen and (max-width: 1120px) {
  .signup {
    display: none; } }

.home-header {
  width: 100%;
  position: relative;
  min-height: 350px;
  background: black;
  padding: 25px 0 100px 0;
  padding: 25px 0 100px 0;
  width: 100%; }
  @media screen and (max-width: 570px) {
    .home-header {
      padding-top: 50px; } }
  @media screen and (max-width: 430px) {
    .home-header {
      padding-top: 25px; } }

.billboard-text__header {
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  font-size: 62px;
  font-weight: 300;
  max-width: 700px;
  margin: auto;
  line-height: 70px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*=== media queries ===*/ }
  @media screen and (max-width: 430px) {
    .billboard-text__header {
      font-size: 51px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      letter-spacing: -1.4px;
      padding-top: 50px; } }
  @media screen and (max-width: 767px) and (min-width: 431px) {
    .billboard-text__header {
      padding-top: 100px;
      font-size: 58px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }

.billboard-text__subheader {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  color: #fff;
  margin: 30px 0 70px 0;
  /*=== media queries ===*/ }
  @media screen and (max-width: 430px) {
    .billboard-text__subheader {
      margin: 20px 0 50px 0;
      line-height: 20px; } }

.billboard__text {
  text-align: center;
  margin: 120px auto 0 auto;
  /*=== media queries ===*/ }
  @media screen and (max-width: 430px) {
    .billboard__text {
      padding: 0px 20px; } }
  @media screen and (max-width: 767px) {
    .billboard__text {
      margin: 0 auto 0 auto; } }

.home-header__text {
  text-align: center;
  margin: 200px auto 0 auto;
  /*=== media queries ===*/ }
  @media screen and (max-width: 430px) {
    .home-header__text {
      padding: 0px 20px; } }
  @media screen and (max-width: 767px) {
    .home-header__text {
      margin: 0 auto 0 auto; } }

.homepage__big-img-container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
  padding-top: 30px; }

.homepage__big-img {
  max-height: 730px;
  margin: 0 auto;
  display: block;
  align-self: center; }

/*========================*/
/*=== SIGNUP FORM ========*/
/*========================*/
.image-subtitle {
  text-align: center;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 40px; }

.image-subtitle__authors {
  font-weight: bold; }

/*==========================*/
/*=== Features =============*/
/*==========================*/
.features-section {
  padding-top: 20px;
  text-align: left;
  position: relative;
  transition: all 0.2s;
  margin: 0 auto 0 auto;
  background: #f6f6f6;
  padding-bottom: 10px; }
  @media screen and (max-width: 430px) {
    .features-section {
      padding: 10px 0px;
      margin-bottom: 0; } }

.features-section__hand {
  font-family: "Scala-Hands";
  font-size: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  width: 200px;
  margin: 0 auto; }

.section__title {
  font-family: "Source Sans Pro", sans-serif;
  max-width: 570px;
  margin: 33px auto 0 auto;
  font-size: 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 56px;
  color: #202020;
  text-align: center;
  font-weight: 300; }
  @media screen and (max-width: 430px) {
    .section__title {
      font-size: 32px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      line-height: 36px;
      padding: 0px 40px; } }
  @media screen and (min-width: 431px) and (max-width: 767px) {
    .section__title {
      padding: 0 20px; } }

.section__container--2items {
  margin: 105px auto 0 auto;
  width: 600px;
  overflow: hidden;
  /* === media queries ===*/ }
  @media screen and (min-width: 650px) and (max-width: 774px) {
    .section__container--2items {
      width: 450px; } }
  @media screen and (max-width: 650px) {
    .section__container--2items {
      margin: 40px auto 0 auto;
      width: 300px; } }

.section__container--left {
  max-width: 275px;
  float: left;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .section__container--left {
      width: 175px;
      margin: 0 auto;
      float: none;
      display: block; } }

.section__container--right {
  float: left;
  width: 262px;
  font-size: 14px;
  min-height: 200px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 21px;
  margin-left: 39px;
  margin-bottom: 55px;
  color: #202020;
  clear: none;
  /*=== media queries === */ }
  @media screen and (max-width: 650px) {
    .section__container--right {
      width: 280px;
      margin: 30px auto 0 auto;
      float: none;
      display: block;
      float: none; } }
  @media screen and (min-width: 651px) and (max-width: 774px) {
    .section__container--right {
      width: 400px;
      margin: 20px auto 0 auto;
      float: none; } }

/*=========================*/
/*=== Articles Carousel ===*/
/*=========================*/
.articles {
  padding: 90px 0 71px 0px;
  margin: 0 auto; }
  .articles .articles-title {
    font-family: "Source Sans Pro", sans-serif;
    color: #202020;
    letter-spacing: -1px;
    font-size: 36px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center; }
    @media screen and (max-width: 430px) {
      .articles .articles-title {
        font-size: 32px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: -0.9px; } }
    @media screen and (max-width: 767px) {
      .articles .articles-title {
        padding-bottom: 40px; } }

.article-highlights {
  margin: 35px auto 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .article-highlights:after {
    display: block;
    content: " ";
    clear: both; }

.more-articles-btn {
  display: block;
  content: " ";
  clear: both;
  text-align: center;
  margin: 60px auto;
  background: transparent;
  border: 1px solid #244863;
  color: #244863;
  border-radius: 40px;
  width: 230px;
  padding: 10px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 767px) {
    .more-articles-btn {
      margin: 30px auto; } }

@media screen and (max-width: 1010px) {
  max-width: 730px; }
@media screen and (max-width: 740px) {
  max-width: 500px; }
.slick-dots li button {
  padding: 0; }

.slick-dots li button:before {
  font-size: 8px; }

.slick-dots li {
  margin: 0;
  width: 15px; }

.hand {
  font-family: "Scala-Hands";
  font-size: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  /* Chrome, Safari, Opera */ }

.about-text {
  color: #3599b8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 40px; }

.feature .feature-card {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  transition: all 0.2s; }
  .feature .feature-card:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); }
.feature .feature-title {
  color: #5A5A5A; }
.feature .feature-description {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0; }

@media screen and (min-width: 1200px) {
  .feature-write {
    top: 220px;
    left: 40px; }

  .feature-collaborate {
    top: 135px;
    left: 360px;
    width: 300px; }

  .feature-cite {
    top: 160px;
    left: 770px; }

  .feature-undo {
    top: 465px;
    left: 15px; }

  .feature-comment {
    top: 500px;
    left: 330px;
    width: 350px; }

  .feature-publish {
    top: 470px;
    left: 820px; } }
@media screen and (min-width: 960px) and (max-width: 1199px) {
  min-height: 820px;
  .feature {
    position: absolute; }

  .feature-write {
    top: 220px;
    left: 0; }

  .feature-collaborate {
    top: 115px;
    left: 290px;
    width: 300px; }

  .feature-cite {
    top: 160px;
    left: 680px; }

  .feature-undo {
    top: 465px;
    left: -10px; }

  .feature-comment {
    top: 500px;
    left: 270px;
    width: 350px; }

  .feature-publish {
    top: 470px;
    left: 700px; } }
@media screen and (max-width: 959px) {
  position: relative;
  margin-bottom: 45px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  .feature-headline {
    max-width: 500px; }

  .list {
    top: 100px;
    left: 0;
    transition: all 0.5s; }

  .feature.current {
    opacity: 1; }
    .feature.current .feature-title, .feature.current .feature-description {
      opacity: 1; }

  .feature-write {
    margin-top: 70px; }

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

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

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

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

  .feature-publish {
    margin-top: 50px; } }
.green-jumbotron {
  background: #393939;
  padding: 85px; }
  @media screen and (max-width: 767px) {
    .green-jumbotron {
      padding: 45px 20px; } }
  .green-jumbotron .green-jumbotron__title {
    font-family: "Source Sans Pro", sans-serif;
    margin: 0;
    font-weight: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    letter-spacing: -.5px;
    color: #ffffff;
    max-width: 600px;
    margin: 0 auto; }
    @media screen and (max-width: 430px) {
      .green-jumbotron .green-jumbotron__title {
        font-size: 32px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: -1.3px; } }

@media screen and (max-width: 450px) {
  .list .feature {
    margin-right: 20px; } }
.articles h2.title {
  text-align: center; }
.articles a {
  text-decoration: none; }
.articles a:hover {
  text-decoration: none; }
@media screen and (max-width: 430px) {
  .articles {
    padding-top: 40px; } }
@media screen and (max-width: 767px) {
  .articles {
    padding-bottom: 0px; } }

    /* Testimonials
-------------------------------------------------- */
.testimonial-container {
  background: #f6f6f6;
  padding: 75px 10px 47px 10px; }
  @media screen and (max-width: 430px) {
    .testimonial-container {
      padding: 40px 20px; } }
  .testimonial-container .slick-dots li button {
    padding: 0; }
  .testimonial-container .slick-dots li button:before {
    font-size: 8px; }
  .testimonial-container .slick-dots li {
    margin: 0;
    width: 15px; }

.testimonial-container-title {
  font-family: "Source Sans Pro", sans-serif;
  letter-spacing: -1px;
  text-align: center;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 30px; }
  @media screen and (max-width: 430px) {
    .testimonial-container-title {
      font-size: 32px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      letter-spacing: -0.9px;
      line-height: 40px; } }

.twitter-testimonials {
  padding: 20px; }
  .twitter-testimonials img {
    margin-top: 10px; }

/* Testimonials
-------------------------------------------------- */
.testimonial-container {
  background: #f6f6f6;
  /*padding: 75px 107px 47px 107px;*/ }
  @media screen and (max-width: 400px) {
    .testimonial-container {
      padding: 40px 20px; } }

/* Using !important to override the default 'slick.js' absolute positioing of the dots */
.testimonial-container-title {
  letter-spacing: -1px;
  text-align: center;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.quote-testimonial {
  text-align: left; }
  .quote-testimonial .quote-testimonial-author {
    margin: 10px 0 20px 0;
    padding: 0; }

.press {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 856px;
  margin: 67px auto 0 auto;
  padding: 5px 5px; }
  @media screen and (max-width: 767px) {
    .press {
      justify-content: space-around; } }
  .press .press-logo {
    padding: 8px;
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5; }
    .press .press-logo:hover {
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
      opacity: 1; }
    @media screen and (max-width: 430px) {
      .press .press-logo {
        width: 85px;
        padding: 5px; } }
    @media screen and (max-width: 767px) {
      .press .press-logo {
        padding: 10px; } }
  .press .more {
    margin-top: 20px;
    max-width: inherit; }

.partners {
  text-align: center; }
  .partners .partner {
    text-decoration: none;
    margin-right: 20px; }
    .partners .partner .partner-logo {
      opacity: 0.8;
      height: 20px; }

@media (max-width: 800px) {
  .marketing .press .article {
    display: block;
    margin: 30px auto; }
  .marketing .partners .partner {
    display: block;
    margin: 30px auto; } }
@media (max-width: 500px) {
  .marketing .features .list {
    top: 130px; } }
@media (max-width: 430px) {
  .marketing .features .list {
    top: 160px; } }
.slick-dots li button {
  padding: 0; }

.slick-dots li button:before {
  font-size: 8px; }

.slick-dots li {
  margin: 0;
  width: 15px; }

#homepage__form {
  position: relative; }
  #homepage__form .signup-form__input-and-label {
    position: relative; }
  #homepage__form .signup-form__label {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    color: #777777;
    left: 10px;
    font-size: 12px;
    background: white;
    width: 90%;
    text-align: left;
    cursor: text; }
  #homepage__form .signup-form__label--active {
    color: white;
    top: -21px;
    left: 0;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: top 0.2s ease, background 0.1s ease;
    transition: top 0.2s ease, background 0.1s ease; }
  #homepage__form .signup-form__x {
    cursor: pointer;
    position: absolute;
    top: 17px;
    right: 31px;
    display: block; }
  #homepage__form .signup-form__x--hidden {
    display: none; }
  #homepage__form .button:hover {
    background: rgba(255, 255, 255, 0.2); }

.section__video {
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 50%;
  max-width: 1280px;
  margin: 40px auto; }
  .section__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0; }

.features__schools {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  .features__schools div {
    text-align: center;
    margin: 0 18px; }
  .features__schools #cern {
    margin: 15px 0 0 0; }

.homepage__browse-button {
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  background: #30a970;
  color: #fff;
  width: 210px;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 100px; }
  .homepage__browse-button:hover {
    background: rgba(48, 169, 112, 0.9); }

.articles__sub-title {
  font-size: 14px;
  padding: 13px;
  text-align: center;
  font-family: "Source Sans Pro", sans-serif; }

.settings-form-wide {
  position: relative;
  margin: 30px auto;
  max-width: 1000px;
  padding: 33px 25px 75px;
  background: white;
  border-bottom: 1px solid #c4c4c4;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }

.settings-form {
  position: relative;
  margin: 30px auto;
  max-width: 280px;
  padding: 33px 25px 29px;
  background: white;
  border-bottom: 1px solid #c4c4c4;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }
  .settings-form:before, .settings-form:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 10px;
    background: inherit;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 4px; }
  .settings-form:after {
    bottom: 3px;
    border-color: #dcdcdc; }

.settings-form-title {
  margin: -25px -25px 25px;
  padding: 15px 25px;
  line-height: 35px;
  font-size: 26px;
  font-weight: 300;
  color: #aaa;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  background: #f7f7f7; }
  .settings-form-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: rgba(51, 160, 215, 0.56);
    border-radius: 5px 5px 0 0; }

.settings-form-input {
  width: 80% !important;
  height: 50px;
  margin-bottom: 25px;
  padding: 0 15px 2px;
  font-size: 17px;
  background: white;
  border: 2px solid #ebebeb;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -2px #ebebeb;
  box-shadow: inset 0 -2px #ebebeb; }
  .settings-form-input:focus {
    border-color: #62c2e4;
    outline: none;
    -webkit-box-shadow: inset 0 -2px #62c2e4;
    box-shadow: inset 0 -2px #62c2e4; }

.lt-ie9 .settings-form-input {
  line-height: 48px; }

.settings-form-button {
  position: relative;
  vertical-align: top;
  width: 100% !important;
  height: 54px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #198BC4;
  border: 0;
  border-bottom: 2px solid #1773b7;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #1773b7;
  box-shadow: inset 0 -2px #1773b7; }
  .settings-form-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.marketing {
  font-family: "Avenir-Next", "Avenir", Helvetica, sans-serif;
  padding: 80px 10px 0 10px;
  background: #F5F5F5; }
  .marketing h1, .marketing h2, .marketing h3, .marketing .abstract-section {
    font-weight: 900;
    color: #5A5A5A; }
  .marketing .jobs-grid {
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    flex-wrap: -webkit-flex-wrap;
    flex-wrap: wrap;
    justify-content: -webkit-flex-wrap;
    justify-content: center;
    max-width: 1200px; }
    .marketing .jobs-grid div {
      margin-left: 0; }
  .marketing p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.6em; }
  .marketing .button {
    display: block;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
    padding: 12px 28px;
    font-weight: 500;
    margin: 10px auto;
    color: #fff;
    background: #2A75A6;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  .marketing .article-highlights {
    max-width: 960px;
    margin: 0 auto; }
    .marketing .article-highlights:after {
      display: block;
      content: " ";
      clear: both; }
    @media screen and (max-width: 1010px) {
      .marketing .article-highlights {
        max-width: 730px; } }
    @media screen and (max-width: 740px) {
      .marketing .article-highlights {
        max-width: 500px; } }
    @media screen and (max-width: 520px) {
      .marketing .article-highlights {
        max-width: 220px; } }

.active-articles {
  max-width: 960px; }

.clear {
  clear: both; }

.signup-footer {
  text-align: center;
  margin-bottom: 60px; }

.signup-landing-pages {
  text-align: center;
  margin-bottom: 220px;
  margin-top: 140px; }

.marketing-footer {
  background: #EBEBEB;
  width: 100%;
  padding: 20px 0; }
  .marketing-footer .container {
    padding: 0 10px 0 10px; }
  .marketing-footer ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0; }
    .marketing-footer ul li {
      float: left;
      margin-right: 6px; }
  .marketing-footer .links {
    margin-top: 15px; }
    .marketing-footer .links li a {
      font-weight: 400;
      font-size: 14px;
      color: #333333; }
      .marketing-footer .links li a:hover {
        color: #1111111; }
  .marketing-footer .footer-logo {
    width: 80px;
    height: 30px; }
  .marketing-footer .social {
    margin-top: 10px;
    float: right; }
    .marketing-footer .social li a {
      text-align: right;
      font-size: 16px;
      color: #333333; }
      .marketing-footer .social li a:hover {
        color: #1111111; }

.product-features header,
.product-features footer {
  text-align: center; }
  .product-features header h1,
  .product-features footer h1 {
    color: #333333;
    font-size: 36px;
    font-weight: 900; }
  .product-features header h3, .product-features header .abstract-section,
  .product-features footer h3,
  .product-features footer .abstract-section {
    color: #333333;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.6em; }
  .product-features header .btn,
  .product-features footer .btn {
    margin-top: 20px;
    margin-bottom: 70px; }
.product-features .feature h3, .product-features .feature .abstract-section {
  color: #333333;
  font-size: 26px;
  font-weight: 900; }
.product-features .feature p {
  color: #333333;
  font-size: 16px;
  line-height: 1.6em; }
.product-features .feature .right-text {
  text-align: right; }
.product-features .feature .card {
  box-sizing: border-box;
  background: #FFFFFF;
  padding: 20px 15px;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
.product-features .feature .image {
  text-align: center; }
@media screen and (min-width: 960px) {
  .product-features .tools .text,
  .product-features .export .text {
    margin-top: 30px; }
  .product-features .cite .text,
  .product-features .comment .text {
    margin-top: 20px; } }
@media screen and (max-width: 759px) {
  .product-features header {
    margin: 20px 3%;
    width: 94%; }
  .product-features .feature {
    margin: 20px 3%;
    width: 94%; }
    .product-features .feature .text {
      margin-top: 15px;
      margin-bottom: 25px; }
    .product-features .feature .right-text {
      text-align: left; } }

.pricing .title {
  font-weight: 900; }
.pricing .alt-title {
  font-size: 1.6em;
  font-weight: 700; }
  .pricing .alt-title a {
    cursor: pointer; }
.pricing .subtitle {
  font-weight: 100; }
.pricing header {
  text-align: center;
  margin-bottom: 20px; }
  .pricing header .btn {
    margin-top: 20px; }
.pricing .plan {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 175px;
  height: 265px;
  padding: 0 10px;
  margin: 10px 15px 10px 0;
  border-radius: 3px;
  background-color: #2A75A6;
  color: white;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  overflow: hidden; }
  .pricing .plan .name {
    font-weight: 100;
    border-bottom: 1px solid white;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.6em; }
  .pricing .plan p {
    margin-top: 0; }
  .pricing .plan .price {
    margin-bottom: 20px; }
    .pricing .plan .price .amount {
      font-size: 42px;
      line-height: 1.5em;
      font-weight: 900;
      margin-bottom: 0; }
  .pricing .plan .privatearticles {
    font-size: 18px; }
  .pricing .plan .select {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
    min-height: 36px;
    color: white;
    font-size: 20px;
    font-weight: 900;
    padding-top: 10px; }
    .pricing .plan .select:hover {
      text-decoration: none; }
.pricing #faqs {
  font-size: 18px;
  line-height: 1.65em; }
  .pricing #faqs .question {
    font-weight: bold;
    margin-bottom: 0; }
  .pricing #faqs .answer {
    margin-bottom: 20px; }
.pricing .more {
  margin-bottom: 60px; }

.show-template {
  padding: 50px 100px 100px 100px;
  text-align: center; }
  .show-template * {
    font-family: "Source Sans Pro", sans-serif; }

.show-template-path {
  color: #202020;
  font-weight: bold;
  font-size: 20px; }

.show-template-image {
  text-align: center;
  padding-bottom: 30px; }

.show-template--name {
  font-size: 54px;
  font-weight: 200;
  margin-top: 16px;
  margin-bottom: 52px;
  line-height: 60px; }

.show-template-description {
  font-size: 14px;
  line-height: 21px;
  color: #666;
  padding: 10px;
  margin: 0 auto;
  max-width: 421px;
  text-align: justify; }

.btn-new-article-from-template {
  border-radius: 100px;
  background: #30a970;
  color: #fff;
  text-transform: uppercase;
  border: none;
  opacity: 1;
  width: 175px;
  letter-spacing: 0.5px;
  font-size: 12px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 21px; }

.marketing .featured-templates .title {
  font-weight: 900; }
.marketing .featured-templates .templates-list {
  margin-top: 20px; }
  .marketing .featured-templates .templates-list:after {
    display: block;
    content: " ";
    clear: both; }
.marketing .featured-templates .template-card {
  float: left;
  display: block;
  position: relative;
  width: 220px;
  height: 285px;
  margin: 0 10px 20px 0;
  overflow: hidden;
  color: #333333;
  text-align: left;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  transition: all 0.2s;
  border-radius: 3px; }
  .marketing .featured-templates .template-card:hover {
    text-decoration: none;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    color: #333333; }
  .marketing .featured-templates .template-card .logo {
    width: 200px;
    height: 200px;
    padding: 10px;
    overflow: hidden;
    border-radius: 3px;
    text-align: center; }
    .marketing .featured-templates .template-card .logo img {
      width: 100%; }
  .marketing .featured-templates .template-card .name {
    color: #5A5A5A;
    padding: 0 10px 5px 10px;
    margin: 0;
    overflow: hidden;
    max-height: 40px; }
  .marketing .featured-templates .template-card .stats {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px 5px 10px;
    margin: 0;
    opacity: 0.5; }
    .marketing .featured-templates .template-card .stats:after {
      display: block;
      content: " ";
      clear: both; }
  .marketing .featured-templates .template-card .stat {
    float: left;
    margin-right: 5px; }
    .marketing .featured-templates .template-card .stat .icon {
      width: 10px;
      height: 10px;
      margin-right: 2px; }
  @media screen and (max-width: 470px) {
    .marketing .featured-templates .template-card {
      float: none;
      margin: 20px auto; } }
.marketing .featured-templates .missing-template {
  float: left;
  background: #E8E8E8;
  border: 1px solid #D1D1D1;
  border-radius: 3px;
  padding: 10px;
  width: 200px;
  height: 265px;
  margin: 0 10px 20px 10px; }
  .marketing .featured-templates .missing-template .title {
    line-height: 1.4em;
    font-weight: 900;
    color: #5A5A5A;
    font-size: 22px; }

.marketing .featured-institutions .title {
  font-weight: 900; }
.marketing .featured-institutions .institutions-list {
  margin-top: 20px; }
  .marketing .featured-institutions .institutions-list:after {
    display: block;
    content: " ";
    clear: both; }
.marketing .featured-institutions .institution-card {
  float: left;
  display: block;
  position: relative;
  width: 220px;
  height: 285px;
  margin: 0 10px 20px 0;
  overflow: hidden;
  color: #333333;
  text-align: left;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  transition: all 0.2s;
  border-radius: 3px; }
  .marketing .featured-institutions .institution-card:hover {
    text-decoration: none;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    color: #333333; }
  .marketing .featured-institutions .institution-card .logo {
    width: 200px;
    height: 200px;
    padding: 10px;
    overflow: hidden;
    border-radius: 3px;
    text-align: center; }
    .marketing .featured-institutions .institution-card .logo img {
      width: 100%; }
  .marketing .featured-institutions .institution-card .name {
    color: #5A5A5A;
    padding: 0 10px 5px 10px;
    margin: 0;
    overflow: hidden;
    max-height: 40px; }
  .marketing .featured-institutions .institution-card .stats {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px 5px 10px;
    margin: 0;
    opacity: 0.5; }
    .marketing .featured-institutions .institution-card .stats:after {
      display: block;
      content: " ";
      clear: both; }
  .marketing .featured-institutions .institution-card .stat {
    float: left;
    margin-right: 5px; }
    .marketing .featured-institutions .institution-card .stat .icon {
      width: 10px;
      height: 10px;
      margin-right: 2px; }
  @media screen and (max-width: 470px) {
    .marketing .featured-institutions .institution-card {
      float: none;
      margin: 20px auto; } }
.marketing .featured-institutions .missing-institution {
  float: left;
  background: #E8E8E8;
  border: 1px solid #D1D1D1;
  border-radius: 3px;
  padding: 10px;
  width: 200px;
  height: 265px;
  margin: 0 10px 20px 10px; }
  .marketing .featured-institutions .missing-institution .title {
    line-height: 1.4em;
    font-weight: 900;
    color: #5A5A5A;
    font-size: 22px; }

.marketing .featured-articles .title {
  font-weight: 900; }
.marketing .featured-articles .featured-article {
  display: block;
  position: relative;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  color: #333333;
  text-align: left;
  border: 3px solid #E7E7E7;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  transition: all 0.2s; }
  .marketing .featured-articles .featured-article:hover {
    text-decoration: none;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    color: #333333; }
  .marketing .featured-articles .featured-article .title {
    color: #5A5A5A;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.6em; }
  .marketing .featured-articles .featured-article .authors {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    font-size: 14px; }
    .marketing .featured-articles .featured-article .authors li {
      display: inline;
      margin-right: 4px; }
  .marketing .featured-articles .featured-article .category {
    font-weight: bold; }
  .marketing .featured-articles .featured-article .details {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px 5px 0px;
    box-sizing: border-box; }
  .marketing .featured-articles .featured-article .stats {
    margin-top: 5px;
    opacity: 0.5; }
  .marketing .featured-articles .featured-article .dates {
    opacity: 0.8;
    margin-bottom: 5px; }
  .marketing .featured-articles .featured-article .stat {
    float: right;
    margin-right: 5px; }
    .marketing .featured-articles .featured-article .stat .icon {
      width: 10px;
      height: 10px;
      margin-right: 2px; }
  @media screen and (max-width: 759px) {
    .marketing .featured-articles .featured-article .details {
      position: relative;
      text-align: left;
      width: 100%; }
      .marketing .featured-articles .featured-article .details:after {
        display: block;
        content: " ";
        clear: both; }
    .marketing .featured-articles .featured-article .stat {
      float: left; } }

.display-column {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

.user-gravatar-overlay {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 0 5px; }
  .user-gravatar-overlay .gravatar, .user-gravatar-overlay .initials {
    border-radius: 5px;
    top: 0;
    left: 0;
    margin: 0; }
  .user-gravatar-overlay .initials {
    z-index: 0; }
  .user-gravatar-overlay .gravatar {
    position: absolute;
    z-index: 1; }
  .user-gravatar-overlay .user-gravatar-institution {
    position: absolute;
    bottom: -5px;
    left: 12px;
    height: 12px; }
  .user-gravatar-overlay .user-following-card {
    display: inline-block;
    vertical-align: top;
    float: none; }

@media (max-width: 767px) {
  .user-name-overlay {
    display: none; } }
.user-profile-main .new-article-controls {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  padding-bottom: 15px; }

.sort-by .sort-by-links {
  font-size: 0.9em; }

.user-following-field {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 10px; }

.user-bio-textarea {
  height: 1.4em;
  transition: all 0.5s ease; }
  .user-bio-textarea:focus {
    height: 100%;
    width: 200%; }

.user-profile {
  height: auto !important;
  padding: 15px 0 0 0;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #e8e8e8; }
  .user-profile .user-profile-info {
    font-size: 12px; }
  .user-profile .caption h5 {
    margin-top: 0;
    font-size: 1em;
    overflow-wrap: break-word; }
  .user-profile center {
    padding: 0 15px; }
  .user-profile .user-gravatar-overlay, .user-profile .user-profile-pic {
    width: inherit;
    height: inherit;
    margin: 0; }

@media (max-width: 979px) {
  .user-profile-info {
    font-size: 10px;
    line-height: 1.4em; } }
@media (max-width: 767px) {
  .user-profile {
    max-width: none; }
    .user-profile .caption h5 {
      font-size: 1.2em;
      line-height: inherit; } }
.user-gravatar-overlay {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 0 5px; }
  .user-gravatar-overlay .gravatar, .user-gravatar-overlay .initials {
    border-radius: 5px;
    top: 0;
    left: 0;
    margin: 0; }
  .user-gravatar-overlay .initials {
    z-index: 0; }
  .user-gravatar-overlay .gravatar {
    position: absolute;
    z-index: 1; }
  .user-gravatar-overlay .user-gravatar-institution {
    position: absolute;
    bottom: -5px;
    left: 12px;
    height: 12px; }
  .user-gravatar-overlay .user-following-card {
    display: inline-block;
    vertical-align: top;
    float: none; }

@media (max-width: 767px) {
  .user-name-overlay {
    display: none; } }
.template-description-textarea {
  height: 1.4em;
  transition: all 0.5s ease; }
  .template-description-textarea:focus {
    height: 30%;
    width: 90%; }

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

.comment-textarea-noborder {
  width: 80%;
  min-width: 300px;
  margin-top: 3px;
  margin-left: 40px;
  border-radius: 0px;
  border: #ddd;
  font-size: 12px; }

.comment-box {
  /*margin-left: 20px;*/
  margin-top: 10px; }

.comment-buttons {
  margin-left: 50px;
  padding-right: 65px;
  margin-top: -15px; }

.comment-submit {
  margin-bottom: 5px;
  text-align: right; }

.comment-bubble {
  padding: 0px;
  margin-bottom: 0px;
  padding-bottom: 4px;
  background: #fff; }

.comment-box-textarea {
  width: 90%;
  border-top: 5px solid #ddd;
  border-radius: 0px;
  margin-bottom: 5px; }

.comment-bubble-header {
  padding: 12px 0px 0px 0px;
  border-top: 1px solid #ddd;
  background-color: #fff; }

.comment-bubble-content {
  padding: 0px 0px 0px 0px;
  background: #fff; }

.chat-bubble {
  padding: 0px;
  margin-bottom: 12px;
  background: #fff;
  max-width: 500px; }

.chat-bubble-header {
  padding: 0px 10px 0px 10px;
  background-color: #fff; }

.chat-bubble-content {
  padding: 0px 0px 0px 40px;
  background: #fff; }

.chat-no-hover {
  background: #ffffff !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important; }

.wiki-paragraph-comments {
  margin-right: 10px; }

.comments-right-indicator {
  position: absolute;
  right: 4px;
  top: 12px;
  font-size: 12px !important; }

.comments-right {
  position: relative; }

.comment-popup {
  display: none;
  background: rgba(0, 0, 0, 0.84);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute; }
  .comment-popup a {
    color: #fff; }
    .comment-popup a:hover {
      color: #fff; }

.wiki-insert-new-comment {
  width: 50px;
  height: 40px;
  padding-top: 13px;
  display: inline-block; }

.commented-text {
  margin: 0 0 2px 0px;
  font-style: italic;
  background-color: rgba(238, 238, 238, 0.43);
  border-left: 2px solid #ddd;
  font-weight: 200;
  color: #858585; }

.comment-source {
  padding-left: 10px;
  margin-bottom: 5px; }

.commenting-on-paragraph {
  box-shadow: -5px 0 0 0px #7abcff !important; }

.comment-options-button {
  float: left;
  margin-top: -8px; }

.btn-comment-submit-lighter {
  background-color: #fff !important;
  background: none !important;
  border-radius: 0px !important;
  border: 1px solid rgba(0, 128, 0, 0.44) !important;
  color: #009900 !important;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  text-shadow: none !important;
  padding: 1px 5px 1px 5px;
  margin-right: 8px; }

.code-light {
  color: #888888;
  white-space: pre-wrap; }

.field_with_errors {
  padding: 1px 1px;
  margin-top: -1px;
  background-color: #ea8988;
  display: inline-table; }

.alert-error-v2 {
  background-color: #e74c3c;
  color: #ffffff; }

.alert-success-v2 {
  background-color: #30a970;
  color: #ffffff; }

.alert-message-v2 {
  background-color: #fede53;
  color: black; }

.alert-v2-erb {
  bottom: -50px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0.7;
  left: 50%;
  position: fixed; }

.alert-v2-react {
  bottom: 0px;
  opacity: 1; }

.alert-v2-line-container {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 100000000; }

.alert-v2 {
  font-size: 16px;
  height: 50px;
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-family: "ScalaSans-Regular";
  text-align: center;
  z-index: 100000000;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer; }
  .alert-v2 span {
    line-height: 50px;
    vertical-align: middle;
    padding: 7px; }
  .alert-v2 .alert-icon-wrapper {
    display: inline; }
    .alert-v2 .alert-icon-wrapper img {
      border-radius: 50%;
      padding: 4px;
      width: 20px; }
  .alert-v2 .alert-icon-wrapper.success-icon img {
    border: 1px solid white; }
  .alert-v2 .dismiss-all {
    font-size: 12px; }

.alert-inline {
  padding: 8px 8px 8px 8px;
  display: inline-block; }

#error_explanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #error_explanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff; }
  #error_explanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px; }
  #error_explanation ul li {
    font-size: 12px;
    list-style: square; }

.modal-body {
  max-height: 500px; }

.modal.fade.in {
  top: 5%; }

@media (min-width: 1396px) {
  div.modal.export {
    width: 40%;
    /* respsonsive width */
    margin-left: -20%;
    /* width/2) */ } }
@media (min-width: 1280px) and (max-width: 1395px) {
  div.modal.export {
    width: 50%;
    /* respsonsive width */
    margin-left: -25%;
    /* width/2) */ } }
@media (min-width: 800px) and (max-width: 1279px) {
  div.modal.export {
    width: 60%;
    /* respsonsive width */
    margin-left: -30%;
    /* width/2) */ } }
div.modal.export .modal-body {
  overflow-y: hidden;
  max-height: none; }

.modal {
  border-radius: 0px; }

.modal-header {
  border-bottom: 0px; }

.modal-close {
  font-family: 'Source Sans Pro';
  color: #202020;
  font-size: 24px;
  opacity: 1; }

#group-share-notice {
  margin-top: 20px;
  margin-bottom: 20px; }

#share-with-others-modal,
#shareFlashModal,
#welcome-modal,
#publishModal {
  width: 540px;
  font-family: 'Source Sans Pro';
  color: #202020; }

#share-with-others-modal .modal-header,
#shareFlashModal .modal-header,
#welcome-modal .modal-header {
  padding: 40px 40px 0px 40px; }

#share-with-others-modal .modal-body {
  padding: 25px 40px 40px 40px; }

#shareFlashModal .modal-body {
  padding: 20px 40px 40px 40px; }

#welcome-modal .modal-body {
  padding: 50px 40px 50px 40px; }

#submitModal .modal-body {
  padding: 30px 40px 30px 40px;
  overflow: scroll; }

#publishModal .modal-body {
  padding: 30px 40px 0px 40px;
  overflow: scroll; }

#welcome-modal .modal-footer {
  border-top: 1px solid #E6D7BB;
  padding: 20px 40px 35px 40px;
  text-align: left;
  background-color: #fffaf2;
  font-size: 18px;
  line-height: 1.56; }

.modal-footer {
  background-color: #ffffff;
  font-size: 12px;
  text-align: left;
  padding: 20px 35px 20px 35px;
  font-family: inherit;
  color: #696969; }

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

#publish-footer-text, #group-footer-text {
  font-family: inherit;
  color: #696969;
  font-size: 12px; }

#publishModal #publish-commons-line {
  display: flex;
  font-family: SourceSansPro;
  font-size: 12px;
  margin-bottom: 10px; }
#publishModal #publish-commons-icons {
  display: flex; }
  #publishModal #publish-commons-icons img {
    width: 21px;
    height: 21px;
    margin: 5px; }
#publishModal #publish-attr {
  color: #202020; }
#publishModal #publish-link {
  color: #777777;
  line-height: 10px; }

#share-with-group-modal .modal-body {
  overflow: scroll;
  padding: 0px; }
#share-with-group-modal #group-permissions-form {
  padding: 30px 40px 30px 40px; }
#share-with-group-modal #group-footer-text {
  padding: 0px 40px 0px 40px; }

#shareFlashModal {
  display: none; }

#importArticleModal {
  box-sizing: border-box;
  height: 500px;
  width: 700px; }
  #importArticleModal * {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #importArticleModal .question-mark {
    background: rgba(119, 119, 119, 0.2);
    color: #30a970;
    border-radius: 100px;
    display: inline-block;
    margin-left: 7px;
    padding: 0px 7px; }
  #importArticleModal .tooltip-inner {
    width: 246px;
    height: 60px;
    background-color: #ffffff;
    font-size: 12px;
    color: #202020;
    border-radius: 0px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box; }
  #importArticleModal .tooltip-arrow {
    border-top-color: white !important; }
  #importArticleModal .hidden {
    opacity: 0; }
  #importArticleModal .importContainer {
    display: flex;
    justify-content: center; }
  #importArticleModal .right,
  #importArticleModal .left {
    width: 50%;
    height: 498px; }
  #importArticleModal .right {
    background: #f6f6f6; }
  #importArticleModal .submit__container {
    margin: 0 auto;
    width: 243px;
    bottom: 48px;
    display: flex;
    justify-content: space-between; }
    #importArticleModal .submit__container .submit {
      border-radius: 100px;
      background-color: #30a970;
      color: #ffffff; }
    #importArticleModal .submit__container .cancel {
      background: #fff;
      color: #393939;
      border: solid 1px rgba(56, 56, 56, 0.3); }
  #importArticleModal .submit-container__btn {
    height: 30px;
    width: 117px;
    border-radius: 100px;
    font-family: "Source Sans Pro", sans-serif;
    border-style: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.5px; }
  #importArticleModal .format-options {
    display: flex;
    margin: 0 auto;
    width: 230px;
    margin: 0 auto 7px 40px; }
    #importArticleModal .format-options .public-radio {
      margin-right: 5px; }
    #importArticleModal .format-options input[type='radio']:active {
      background: green;
      color: red; }
    #importArticleModal .format-options label {
      font-size: 14px;
      font-weight: 600;
      color: #777777; }
  #importArticleModal .close {
    position: absolute;
    top: 46px;
    right: 38px;
    color: #202020; }
  #importArticleModal #import-article__title {
    font-size: 24px;
    color: #202020;
    margin: 20px auto auto 42px; }
  #importArticleModal .import__upload-text {
    color: #202020;
    font-size: 16px;
    font-weight: 600;
    margin: 92px 0 0 40px; }
  #importArticleModal .import__icon {
    width: 273px;
    display: block;
    margin: 80px auto 17px auto; }
  #importArticleModal .import__target-format {
    font-size: 12px;
    line-height: 2.5;
    color: #393939;
    margin: 0 auto 0 40px; }
  #importArticleModal #upload_file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  #importArticleModal .import__file-label {
    width: 98px;
    margin-right: 14px;
    height: 30px;
    border-radius: 100px;
    background-color: #ffffff;
    border: solid 1px rgba(119, 119, 119, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: #393939; }
  #importArticleModal .import__file-name {
    display: block;
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden; }
  #importArticleModal .import__file-upload-container {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 40px 70px 40px;
    align-items: center;
    font-weight: 600; }
  #importArticleModal .import__or-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    #importArticleModal .import__or-container .gold-line {
      height: 1px;
      width: 112px;
      background: #ad8440;
      opacity: 0.3; }
    #importArticleModal .import__or-container p {
      font-size: 16px;
      color: #3b3b3b;
      margin: 0 5px; }
  #importArticleModal .import__external {
    font-size: 16px;
    color: #202020;
    font-weight: 600;
    margin: 60px auto 20px 45px;
    display: inline-block; }
  #importArticleModal .import__link-input {
    margin-left: 45px;
    border-radius: 0;
    width: 270px;
    height: 45px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 15px 17px; }
  #importArticleModal .privacy {
    min-width: 60px; }
  #importArticleModal .options--privacy {
    margin-bottom: 57px; }

.bulk-text {
  color: #202020;
  margin-top: 20px; }

#new_article_template .aumodal__form-container {
  padding: 0; }
#new_article_template .aumodal__input {
  max-width: 482px;
  height: 43px !important;
  border-radius: 0px !important;
  min-width: 300px;
  height: 45px;
  font-size: 16px;
  padding-left: 20px;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  padding-left: 10px;
  padding-top: 5px;
  margin-bottom: 0; }
#new_article_template .aumodal__dropdown {
  -webkit-appearance: none;
  position: relative;
  border-radius: 0;
  height: 40px;
  width: 100%;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  padding: 4px 6px 4px 20px; }
#new_article_template .aumodal__field {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 482px;
  margin: 0 auto; }
#new_article_template .aumodal__text-area {
  height: 84px !important; }
#new_article_template .user-settings__label {
  margin-top: 8px; }

#create-template-modal .modal-body {
  max-height: none !important; }
#create-template-modal .aumodal__submit {
  width: 180px !important;
  height: 40px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #30a970;
  color: #fff !important;
  margin-right: 20px; }
  #create-template-modal .aumodal__submit:hover {
    opacity: 0.5; }
#create-template-modal .aumodal__exit-button {
  width: 180px !important;
  height: 40px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #fff;
  color: #777777;
  border: 1px solid #777777; }
  #create-template-modal .aumodal__exit-button:hover {
    opacity: 0.5; }
#create-template-modal .actions {
  display: flex;
  padding-left: 39px;
  margin-top: 12px;
  margin-bottom: 5px; }
#create-template-modal .aumodal__subtitle {
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 41px;
  margin-top: -16px; }
#create-template-modal form {
  margin: 0; }
#create-template-modal .aumodal__text {
  margin-bottom: 0; }

.shareFlash__options-wrapper {
  text-align: right; }

.shareFlash__cancel {
  border: 1px solid #30a970;
  color: #30a970;
  background: #ffffff;
  padding: 5px 15px;
  border-radius: 15px; }
  .shareFlash__cancel:hover {
    background-color: #30a970;
    color: #ffffff; }

#share-with-others-label {
  font-size: 24px; }

#share-modal-article-header {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  margin-bottom: 6px; }

.modal-body {
  overflow: visible; }

#new_article_collab {
  margin-bottom: 0px; }

#no-members-image-container {
  display: flex;
  justify-content: center; }
  #no-members-image-container img {
    width: 220px;
    height: 150px; }

#no-members-notice {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  margin: 30px 0px 15px 0px; }

#collab-segment {
  width: 460px;
  margin: auto; }

#share-group-buttons-wrapper {
  display: flex;
  justify-content: center; }

.article-permission__submit {
  background: #30a970;
  color: #fff;
  border: 0;
  border: 1px solid #30a970;
  width: 200px !important;
  border-radius: 100px; }
  .article-permission__submit:hover {
    background: rgba(48, 169, 112, 0.9); }

p.institution__intro {
  font-size: 12px;
  line-height: 16px;
  color: #464545; }

#group-permissions-form {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #group-permissions-form .institution__title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px; }
  #group-permissions-form .institution__share__checkbox {
    display: inline;
    margin-bottom: 6px; }
  #group-permissions-form .article-permission__row {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-right: 10px; }
    #group-permissions-form .article-permission__row label {
      font-size: 12px; }
    #group-permissions-form .article-permission__row input {
      margin-right: 5px; }
  #group-permissions-form .article-permission__ellipsis {
    font-weight: bold;
    font-size: 20px; }
  #group-permissions-form .institution_row {
    margin: 15px 0; }
  #group-permissions-form .article-permission__join-group {
    color: #30a970;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    text-decoration: none; }
    #group-permissions-form .article-permission__join-group:hover {
      opacity: 0.5; }
  #group-permissions-form .permission-options-wrapper {
    min-height: 15px; }
  #group-permissions-form .permission-options {
    display: flex;
    flex-direction: column;
    margin-left: 10px; }
  #group-permissions-form .permissions-radio-buttons-wrapper {
    display: flex;
    margin-top: 5px; }
  #group-permissions-form .dropdown-toggle {
    font-size: 25px;
    font-weight: bold;
    cursor: pointer; }
    #group-permissions-form .dropdown-toggle:hover {
      opacity: 0.5; }
  #group-permissions-form .dropdown-menu {
    left: -200px;
    border-radius: 0;
    width: 226px;
    top: -50px; }

#collab-segment__form {
  background-color: #f3f3f3;
  width: 440px;
  margin: auto;
  padding: 10px; }

#citation-segment__form {
  margin: 0 auto;
  background-color: #f3f3f3;
  width: 440px;
  padding: 10px;
  position: relative; }

#collab-segment__input-wrapper, #citation-segment__input-wrapper {
  margin-bottom: 0px; }

#collab-segment__input, #citation-segment__input {
  font-family: "Source Sans Pro";
  font-size: 16px;
  color: #777777;
  background-color: #f3f3f3;
  display: inline-block;
  width: 400px;
  border: none;
  box-shadow: none; }

#collab-segment__input-icon {
  color: #777777;
  font-size: 16px;
  position: absolute;
  padding-top: 6px; }

.citation-search-button {
  display: inline;
  color: black;
  font-size: 16px;
  background-color: #f3f3f3;
  border: none; }

.citation-search-button:focus {
  outline: 0; }

.citation-search-button:hover {
  background-color: #f3f3f3; }

.invited-collaborator, .added-citation {
  border-radius: 100px;
  display: inline-block;
  float: left;
  margin: 2px 3px 2px 3px;
  padding: 4px 6px 4px 6px;
  max-width: 390px;
  overflow: hidden;
  font-weight: 600;
  color: #393939;
  font-size: 14px;
  background: white; }

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

.invited-collaborator__remove-icon {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 2px;
  color: #202020; }

.invited-collaborator__img--round {
  border-radius: 100px; }

.autocomplete-suggestions {
  font-family: "Source Sans Pro";
  background: #ffffff;
  position: fixed !important;
  max-height: 203px !important;
  overflow: scroll;
  margin-left: -10px;
  margin-top: 10px;
  border: 1px solid #eaebf0;
  border-bottom: 0px solid #eaebf0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.autocomplete-suggestion {
  height: 50px;
  border-bottom: 1px solid #eaebf0;
  cursor: pointer; }

.autocomplete-suggestion:hover {
  background: #f9f9f9; }

.autocomplete-suggestion__render {
  color: #30a970;
  margin-left: 20px;
  padding-top: 10px; }

.autocomplete-suggestion .initials {
  position: absolute;
  z-index: 0; }

.autocomplete-suggestion .gravatar {
  position: relative;
  z-index: 1; }

.autocomplete-suggestion__nickname {
  font-size: 16px;
  margin-left: 4px; }

#personal_message {
  font-family: 'Source Sans Pro';
  box-sizing: border-box;
  resize: none;
  overflow: auto;
  width: 460px;
  height: 70px;
  padding: 5px;
  border-radius: 0px;
  margin: 10px 0px 0px 0px;
  box-shadow: none; }

#personal_message:focus {
  outline: none;
  border: 1px solid #777777; }

#quote-wrapper {
  font-size: 16px;
  width: 420px;
  margin: 50px auto 45px auto;
  line-height: 28px; }

.form-button {
  font-size: 12px;
  height: 30px;
  background-color: #ffffff;
  border: none;
  color: #30a970; }

#invite-button {
  border-radius: 100px;
  border: #30a970 1px solid;
  margin-top: 15px;
  width: 120px;
  height: 40px;
  font-weight: 600;
  font-size: 11px; }

#update-button {
  border-radius: 100px;
  border: #30a970 1px solid;
  margin-bottom: 5px;
  width: 115px;
  height: 35px;
  font-weight: 600;
  font-size: 11px; }

#invite-button:hover {
  background-color: #30a970;
  color: #ffffff; }

#invite-button:focus {
  outline: none; }

#copied-flash-message {
  margin-left: 5px;
  color: #30a970; }

.share-link-container {
  margin-top: 5px; }

.share-link {
  width: 360px;
  border: 0px;
  font-size: 12px;
  color: #202020;
  cursor: text !important;
  background-color: #fcfcfc !important; }

.share-link-actions {
  float: right; }

.share-link-actions__copy,
.share-link-actions__delete {
  color: #777777; }

.share-link-actions__copy {
  margin-right: 16px; }

.share-link-actions__copy:hover {
  cursor: pointer;
  text-decoration: none;
  color: #30a970; }

.share-link-actions__delete:hover {
  cursor: pointer;
  color: #e74c3c;
  text-decoration: none; }

.form-remove-token {
  margin-right: 16px; }

#link-button {
  padding: 0px;
  text-align: left;
  margin-left: -5px; }

#link-button:focus {
  outline: none; }

#share-with-others-modal .modal-body {
  padding-bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll; }
#share-with-others-modal .modal-header {
  padding-top: 20px; }
#share-with-others-modal #link-button {
  margin-bottom: 25px; }
#share-with-others-modal .share-modal__bottom-banner {
  background: #fffaf2;
  width: 500px;
  margin: 0px 0 0 -40px;
  padding-left: 40px;
  font-size: 14px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #777777;
  font-family: 'Source Sans Pro', sans-serif;
  border-top: 1px solid #f3f3f3;
  transition: opacity 0.2s ease;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #share-with-others-modal .share-modal__bottom-banner .share-modal__invite-link,
  #share-with-others-modal .share-modal__bottom-banner .share-modal__dismiss {
    color: #777777;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #share-with-others-modal .share-modal__bottom-banner .share-modal__invite-link {
    font-size: 14px; }
  #share-with-others-modal .share-modal__bottom-banner .share-modal__dismiss {
    margin-right: 40px;
    font-size: 12px;
    cursor: pointer;
    font-weight: normal; }

#welcome__title {
  font-size: 36px;
  line-height: 0.67; }

#welcome__subtitle {
  font-size: 16px;
  line-height: 1.88; }

#welcome__quote {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.4px; }

#welcome__invite-others {
  margin-bottom: 25px; }

#welcome__gmail-invite {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  background-color: #30a970;
  border-radius: 100px;
  padding: 10px 25px 10px 25px; }

#gmail-invite__icon {
  margin-right: 10px; }

#welcome__social-media {
  margin-top: 20px;
  display: inline-block; }

#welcome__social-media a {
  color: #202020;
  font-size: 12px;
  font-weight: 600; }

.welcome__social-icon {
  margin-right: 10px;
  font-size: 16px; }

#welcome__skip {
  cursor: pointer;
  margin-top: 40px;
  float: right; }

#welcome__skip_link {
  color: #777777;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600px; }

.signup__container {
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 900px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif; }
  @media screen and (max-width: 817px) {
    .signup__container {
      justify-content: center; } }
  .signup__container .signup__right-side {
    max-width: 450px;
    padding-top: 47px;
    padding-left: 50px;
    box-sizing: border-box; }
    @media screen and (max-width: 817px) {
      .signup__container .signup__right-side {
        width: 450px;
        padding-left: 0;
        padding-top: 0;
        text-align: center; } }
  .signup__container .signup__error {
    color: #e74c3c;
    font-size: 12px;
    padding-left: 3px;
    margin-top: -9px; }
  .signup__container .field_with_errors {
    border-radius: 0px !important;
    padding: 0px !important;
    background-color: #fff; }
  .signup__container input::-webkit-input-placeholder {
    color: rgba(119, 119, 119, 0.3); }
  .signup__container input:-webkit-autofill {
    background-color: #fdffdd !important; }
  .signup__container #name,
  .signup__container #email,
  .signup__container #password {
    height: 45px;
    border-radius: 0px;
    border: solid 1px rgba(57, 57, 57, 0.2);
    box-sizing: border-box;
    padding: 8px 19px;
    margin: 0;
    font-family: "Source Sans Pro", sans-serif;
    box-shadow: inset 0px 0px 0px 0px;
    width: 315px;
    color: #202020; }
    .signup__container #name:focus,
    .signup__container #email:focus,
    .signup__container #password:focus {
      border: 1px solid rgba(57, 57, 57, 0.5); }
  .signup__container .signup__title,
  .signup__container .signup__video-title {
    font-size: 24px;
    margin-bottom: 45px; }
  .signup__container .signup__testimonial-text {
    font-family: 'Source Serif Pro', serif;
    font-size: 40px;
    color: #ad8440;
    font-weight: 200;
    line-height: 50px; }
  .signup__container .signup__testimonial-img {
    height: 300px;
    width: 300px;
    background: url("icons/pierre.png");
    border-radius: 100%;
    width: 90px;
    height: 90px;
    overflow: hidden;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
    margin-top: 35px; }
    @media screen and (max-width: 817px) {
      .signup__container .signup__testimonial-img {
        margin: 35px auto; } }
  .signup__container .signup__testimonial-name {
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0 0 0; }
  .signup__container .signup__testimonial-name {
    font-size: 14px; }
  .signup__container .signup__label {
    font-size: 14px;
    font-weight: 600;
    padding-left: 2px; }
  .signup__container .signup__swap {
    font-size: 16px;
    text-align: center;
    margin-top: 16px; }
    .signup__container .signup__swap a {
      padding-left: 3px;
      color: #30a970; }
  .signup__container .signup__terms {
    text-align: center;
    font-size: 13px;
    display: block; }
    .signup__container .signup__terms a {
      color: #202020; }
  .signup__container .signup__forgot-password {
    display: block;
    font-size: 13px;
    text-align: center;
    color: #30a970;
    margin-top: 5px; }
  .signup__container .signup__google-button {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #393939;
    line-height: 1.9;
    border: solid 1px rgba(57, 57, 57, 0.5);
    width: 250px;
    margin: 0 auto;
    justify-content: center;
    height: 41px;
    align-items: center;
    text-decoration: none; }
    .signup__container .signup__google-button:hover {
      background: rgba(119, 119, 119, 0.1); }
    .signup__container .signup__google-button i {
      margin-right: 10px; }
    .signup__container .signup__google-button img {
      margin-right: 5px; }
  .signup__container .signup-login-form {
    border-radius: 5px;
    padding-bottom: 10px;
    width: 320px; }
    @media screen and (max-width: 400px) {
      .signup__container .signup-login-form {
        width: 285px; } }
    .signup__container .signup-login-form .errors {
      text-align: left;
      color: #ea8988; }
      .signup__container .signup-login-form .errors * {
        background: white;
        background-color: white;
        border: none; }
    .signup__container .signup-login-form .form-header {
      margin-bottom: 10px; }
      .signup__container .signup-login-form .form-header img {
        height: 80px; }
    .signup__container .signup-login-form .form-group .form-row {
      margin-bottom: 20px;
      display: flex;
      justify-content: center; }
    .signup__container .signup-login-form .form-group .form-button {
      display: flex;
      border-radius: 100px;
      justify-content: center;
      align-items: center;
      font-size: 13px;
      text-decoration: none;
      text-transform: uppercase;
      font-family: "Source Sans Pro", sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
      background: #30a970;
      color: #fff;
      width: 200px;
      height: 40px;
      letter-spacing: 0.6px;
      font-weight: 600;
      border: 0;
      margin-top: 18px;
      display: inline-block; }
      .signup__container .signup-login-form .form-group .form-button:hover {
        background: rgba(48, 169, 112, 0.9); }
  .signup__container .field_with_errors input {
    border: 1px solid rgba(231, 76, 60, 0.5) !important; }

.signup__google-button {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #393939;
  line-height: 1.9;
  border: solid 1px rgba(57, 57, 57, 0.5);
  width: 250px;
  margin: 0 auto;
  justify-content: center;
  height: 41px;
  align-items: center;
  text-decoration: none; }
  .signup__google-button:hover {
    background: rgba(119, 119, 119, 0.1); }
  .signup__google-button i {
    margin-right: 10px; }
  .signup__google-button img {
    margin-right: 5px; }

.separator-with-text {
  margin: 25px 0; }
  .separator-with-text div {
    background: rgba(173, 132, 64, 0.3); }
  .separator-with-text span {
    text-align: center; }

.signup__options {
  display: block;
  margin-top: 40px;
  text-align: center; }

.signup__social {
  display: flex;
  justify-content: center;
  align-items: center; }
  .signup__social img {
    padding: 5px;
    max-width: 20px; }
    .signup__social img:hover {
      opacity: 0.8; }

#import-social-contacts-notification {
  font-family: "Source Sans Pro", sans-serif;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  box-sizing: border-box;
  flex-wrap: wrap;
  background: #fffaf2;
  width: 100%;
  max-width: 900px;
  margin-top: 0px;
  margin-left: 31px; }
  @media screen and (max-width: 1140px) {
    #import-social-contacts-notification {
      flex-direction: column; } }
  @media screen and (max-width: 699px) {
    #import-social-contacts-notification {
      margin: 10px auto;
      min-width: 10px;
      float: none; } }
  @media screen and (min-width: 1641px) {
    #import-social-contacts-notification {
      margin-left: 20px;
      width: 350px;
      margin-top: 69px; } }
  #import-social-contacts-notification .or {
    font-size: 17px;
    margin: 20px 30px; }
  #import-social-contacts-notification .google-section {
    max-width: 350px;
    text-align: center; }
  #import-social-contacts-notification #import-social-contacts-button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    width: 246px;
    height: 37px;
    border-radius: 30px;
    font-size: 12px;
    margin: 0 auto;
    font-weight: bold; }
    #import-social-contacts-notification #import-social-contacts-button:hover {
      background: rgba(48, 169, 112, 0.9); }
  #import-social-contacts-notification .import-social__gmail {
    height: 12px;
    margin-right: 12px; }
  #import-social-contacts-notification .import-social__text {
    width: 100%;
    text-decoration: none;
    font-weight: 400;
    font-size: 17px; }
  #import-social-contacts-notification #form-follow-user {
    margin-top: 0;
    padding-left: 0; }
    #import-social-contacts-notification #form-follow-user #btn-follow-user {
      background: #777777;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      height: 41px;
      right: -3px;
      width: 43px; }
    #import-social-contacts-notification #form-follow-user input[type="text"]:focus {
      border-color: #b3b3b3;
      box-shadow: none; }
    #import-social-contacts-notification #form-follow-user input {
      height: 41px;
      padding: 0 15px;
      width: 224px; }
      #import-social-contacts-notification #form-follow-user input::placeholder {
        color: #b3b3b3;
        letter-spacing: 0.5px; }
    #import-social-contacts-notification #form-follow-user #input-user-search-addon {
      height: 31px;
      position: relative;
      width: 30px;
      background: white;
      border-right: 0px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
      #import-social-contacts-notification #form-follow-user #input-user-search-addon img {
        right: 9px;
        top: 10px;
        position: absolute;
        height: 18px; }

.signup-form {
  margin: 30px 0 30px 0; }
  .signup-form .sign-up-input {
    height: 25px; }

@media (max-width: 700px) {
  .signup-form .sign-up-input {
    display: block;
    margin: 8px auto;
    width: 70%; } }
@media (max-width: 400px) {
  .signup-form .sign-up-input {
    width: 80%; } }
.tree-browser {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #CACACA;
  margin: 0; }

.tree-browser th {
  background: -moz-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
  border-bottom: 1px solid #D8D8D8;
  color: #555555;
  font-weight: bold;
  padding: 6px 3px;
  text-align: left;
  text-shadow: 0 1px 0 #FFFFFF; }

.tree-browser td {
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
  color: #484848;
  vertical-align: middle;
  padding: 7px 3px; }

.tree-browser tbody tr:last-child td {
  border-bottom: 0; }

.tree-browser-wrapper {
  margin-bottom: 30px; }

.tree-browser .history {
  float: right;
  padding-right: 5px; }

.tree-browser tr.navigation-focus td {
  background: none;
  background-color: #fffeeb; }

.tree-browser td.icon {
  width: 17px;
  padding-right: 2px;
  padding-left: 10px; }

.tree-browser td a.message {
  color: #484848; }

.tree-browser.downloads td {
  vertical-align: top; }

.mini-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: text-bottom; }

.mini-icon.folder {
  background-image: url(/assets/icons/folder.gif); }

.mini-icon.text {
  background-image: url(/assets/icons/page_text.gif); }

.article-label-button {
  font-size: 8px;
  line-height: 14px;
  padding: 0px 0px;
  border: 0px; }

.form-remove-label.inline-form {
  display: none; }

.form-remove-label.has-label {
  display: inline; }
  .form-remove-label.has-label .submit {
    background-color: #e4e4e4; }

.form-add-label.has-label {
  display: none; }

.article-label-dropdown .dropdown-menu {
  min-width: 200px; }

.jobs-images {
  margin-top: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center; }
  .jobs-images div:first-child {
    margin-right: 6px; }
  .jobs-images div:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    .jobs-images div:last-child img:last-child {
      margin-top: 6px; }

/* .article-card {
    font-family: "ScalaSans";
    display: block;
    float: left;
    position: relative;
    width: 380px;
    height: 380px;
    margin: 7px;
    padding: 40px;
    overflow: hidden;
    color: #333333;
    text-align: center;
    border: 3px solid #E7E7E7;
    background: #FFFFFF;
    box-sizing: border-box;
    transition: all 0.2s;
    @media screen and (max-width: 400px){
        max-height: 310px;
        max-width: 310px;
    }

    &:hover {
        text-decoration: none;
        box-shadow: 0 5px 8px rgba(0,0,0,0.5);
        color: #333333;
    }

    &.epidemiology {
        border: 1px solid #37a872;
        .category {
            color: #37a872;
        }
    }

    &.astrophysics {
        border: 1px solid #0085b2;
        .category {
            color: #0085b2
        }
    }

    &.electrical-engineering {
        border: 1px solid #ac8345;
        .category {
            color: #ac8345;
        }
    }

    .category {
        margin-bottom: 45px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 11px;
        @media screen and (max-width: 400px){
                margin-bottom: 28px;
        }
    }

    .title {
        font-size: 17px;
        color: #202020;
        line-height: 25px;
    }

    .authors {
        max-width: 260px;
        position: absolute;
        margin: 0 auto;
        left: 42px;
        margin: 50px 20px;
        bottom: 42px;
        font-size: 15px;
        color: lightgrey;
        line-height: 24px;
        color: #777777;
        @media screen and (max-width: 400px){
            left: 22px;
            margin: 30px 0px;
        }
    }

    .details {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 10px 5px 10px;
        width: 100%;
        box-sizing: border-box;
    }
    
    .stats {
        position: absolute;
        bottom: 38px;
        margin-top: 5px;
        opacity: 1;
        overflow: hidden;
        width: 270px;
        @media screen and (max-width: 400px){
            left: 20px;
            bottom: 28px;
        }
        .stat {
            float: left;
            margin-right: 5px;
            overflow:hidden;
            width: 50px;
            font-family: "ScalaSans";
            .icon {
                width: 10px;
                height: 10px;
                margin-right: 4px;
                .icon-eye-open:before {
                    margin-right: 6px;
                }
            }
            &:last-child {
                float: right;
            };  
        }

    }

    .stat.views {
        float: right;
    }

}*/
.article-card {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 220px;
  margin: 10px;
  padding: 0 10px;
  overflow: hidden;
  color: #333333;
  text-align: left;
  border: 3px solid #E7E7E7;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  transition: all 0.2s; }
  .article-card:hover {
    text-decoration: none;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    color: #333333; }
  .article-card .title {
    color: #5A5A5A;
    line-height: 1.35em; }
  .article-card .category {
    font-weight: bold; }
  .article-card .details {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px 5px 10px;
    width: 100%;
    box-sizing: border-box; }
  .article-card .stats {
    margin-top: 5px;
    opacity: 0.5; }
  .article-card .stat {
    float: left;
    margin-right: 5px; }
    .article-card .stat .icon {
      width: 10px;
      height: 10px;
      margin-right: 2px; }
  .article-card .stat.views {
    float: right; }

#try-beta-editor-modal {
  background: #30a970;
  z-index: 1500;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: center;
  letter-spacing: 0.5px;
  height: 91px;
  padding: 0 10px;
  border: 2px solid #f6f6f6; }
  @media screen and (min-width: 854px) {
    #try-beta-editor-modal {
      height: 54px; } }
  #try-beta-editor-modal .icon-bullhorn {
    padding-right: 15px; }
  #try-beta-editor-modal p {
    margin: 0; }
  #try-beta-editor-modal p, #try-beta-editor-modal input {
    font-size: 15px;
    color: #fff; }
  #try-beta-editor-modal a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline; }
  #try-beta-editor-modal form {
    margin: 0; }
    #try-beta-editor-modal form .field {
      display: flex;
      align-items: center;
      margin: 0;
      justify-content: center;
      flex-wrap: wrap; }
    #try-beta-editor-modal form .field--hidden {
      height: 0;
      line-height: 0; }
      #try-beta-editor-modal form .field--hidden select {
        line-height: 0;
        visibility: hidden;
        width: 0; }
    #try-beta-editor-modal form input {
      border: 0;
      background: none;
      font-family: "Source Sans Pro", sans-serif;
      font-weight: bold;
      margin-top: 1px;
      padding: 2px;
      text-decoration: underline; }
  #try-beta-editor-modal #form-user-beta-switch-dismiss {
    margin-left: 10px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 100%;
    padding: 1px 6px; }
    #try-beta-editor-modal #form-user-beta-switch-dismiss:hover {
      cursor: pointer; }

#enterprise {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #enterprise .enterprise__header {
    display: flex;
    justify-content: space-between; }
  #enterprise .enterprise__title {
    font-size: 36px;
    margin-bottom: 15px; }
  #enterprise .enterprise__view-all {
    font-size: 14px;
    color: #ad8440;
    text-decoration: none; }
  #enterprise .enterprise__team {
    display: flex;
    align-items: center;
    margin-top: 27px; }
  #enterprise .enterprise__team-pic {
    margin-right: 10px;
    height: 71px;
    border-radius: 100%; }
  #enterprise .team__text {
    font-size: 20px;
    margin-left: 15px; }
  #enterprise .enterprise__consult {
    margin-top: 21px; }
  #enterprise .consult__bold {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px; }
  #enterprise .consult__light {
    font-size: 13px;
    color: #b3b3b3; }

#upgrade {
  background: white;
  display: flex;
  justify-content: center;
  font-family: "Source Sans Pro", sans-serif;
  padding: 40px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #upgrade * {
    background: white; }
  #upgrade .upgrade__container {
    text-align: center;
    max-width: 353px; }
  #upgrade .upgrade__title {
    font-size: 24px; }
  #upgrade .title--bold {
    font-weight: bold; }
  #upgrade .upgrade__icon-container {
    display: flex;
    width: 195px;
    justify-content: space-between;
    margin: 25px auto; }
  #upgrade .upgrade__explanation {
    font-size: 13px;
    line-height: 20px; }
  #upgrade .upgrade__upgrade-now {
    width: 200px;
    border-radius: 30px;
    background: #30a970;
    color: white;
    font-size: 12px;
    display: block;
    margin: 28px auto;
    width: 100px;
    padding: 6px 0;
    width: 120px;
    text-decoration: none; }
  #upgrade .upgrade__small-print {
    font-size: 12px;
    margin-bottom: 0; }
  #upgrade .small-print--green {
    font-size: 12px;
    color: #30a970;
    margin-top: 0; }

#cite-modal {
  font-family: "Source Sans Pro", sans-serif;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #cite-modal .modal-header {
    padding: 27px 40px 18px 40px; }
    #cite-modal .modal-header button {
      opacity: 1;
      background: none; }
  #cite-modal .modal-body {
    padding: 0;
    max-height: 5000px !important; }
    #cite-modal .modal-body .citation_search {
      width: 460px !important;
      border-radius: 0 !important;
      font-family: "Source Sans Pro", sans-serif;
      border: 0;
      box-shadow: none;
      color: #777777;
      font-size: 16px; }
    #cite-modal .modal-body .cite-modal__search-button {
      background: transparent;
      border: 0;
      position: absolute;
      right: 38px;
      z-index: 5000; }
      #cite-modal .modal-body .cite-modal__search-button i {
        font-size: 23px;
        color: #383838; }
  #cite-modal .cite-modal__radio-container {
    margin: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 60px 10px 50px;
    border-bottom: 1px solid #eaebf0; }
  #cite-modal .cite-modal__radio {
    display: flex;
    margin: 0;
    font-weight: 600; }
    #cite-modal .cite-modal__radio input {
      margin: 0;
      height: 25px;
      font-size: 40px;
      line-height: 40px; }
    #cite-modal .cite-modal__radio label {
      font-size: 14px;
      color: #777777;
      font-weight: 600; }
  #cite-modal .importCitation {
    background: #f0f0f0;
    overflow: hidden;
    padding: 18px 40px 40px 40px; }
    #cite-modal .importCitation div {
      margin-top: 0 !important; }
  #cite-modal .raw-bibtex-error {
    border: 1px solid red !important; }
  #cite-modal .raw-bibtex-error-message {
    background-color: white;
    border: 1px solid red;
    border-radius: 5px;
    padding: 3px;
    color: #a50000; }
  #cite-modal .import-bottom-container {
    display: flex;
    flex-direction: column; }
  #cite-modal .cite-modal__bottom-text {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 20px; }
  #cite-modal textarea {
    border: 0; }
  #cite-modal .cite-modal__search-area {
    position: relative; }
  #cite-modal .cite-modal__middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    word-break: break-all;
    padding: 20px 47px;
    border-top: 1px solid #e2e2e2;
    flex-wrap: wrap;
    position: absolute;
    background: white;
    width: 466px; }
  #cite-modal .cite-modal__result-bar {
    width: 100% !important;
    display: flex;
    justify-content: space-around; }
    #cite-modal .cite-modal__result-bar span:first-of-type {
      width: 80%; }
  #cite-modal .cite-modal__bib {
    max-width: 300px; }
  #cite-modal .cite-modal__edit-links {
    background: red; }
  #cite-modal .btn_edit_bibtex,
  #cite-modal .btn_edit_link,
  #cite-modal .btn_add_bibtex {
    color: #202020;
    font-size: 12px;
    font-weight: 600;
    color: #393939;
    font-family: "Source Sans Pro", sans-serif;
    border-right: 0px !important; }
  #cite-modal .cite-modal__edit-button {
    color: red; }
  #cite-modal .cite-modal__search-buttons {
    display: flex;
    align-items: center;
    width: 81px; }
  #cite-modal .cite-modal__citation-status {
    display: inline;
    color: #2e99ba;
    font-size: 14px;
    font-weight: bold;
    word-break: break;
    max-width: 300px; }
  #cite-modal .cite-modal__submit-button {
    display: inline; }
  #cite-modal .cite-modal__update-button {
    border-radius: 100px;
    width: 117px;
    height: 40px;
    background: #30a970;
    font-weight: 600;
    font-size: 11px;
    box-sizing: border-box;
    height: 30px;
    text-transform: uppercase;
    color: white;
    text-decoration: none; }
  #cite-modal .cite-modal__add-button, #cite-modal .update-bibtex-button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    text-transform: none;
    width: 154px;
    font-size: 15px;
    height: 35px;
    font-weight: 600; }
    #cite-modal .cite-modal__add-button:hover, #cite-modal .update-bibtex-button:hover {
      background: rgba(48, 169, 112, 0.9); }
  #cite-modal .back-button {
    color: #30a970;
    height: 35px;
    cursor: pointer;
    font-size: 15px; }
  #cite-modal .cite-modal__submit-format {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    width: 124px;
    height: 34px;
    font-weight: 600;
    text-transform: none;
    font-size: 15px; }
    #cite-modal .cite-modal__submit-format:hover {
      background: rgba(48, 169, 112, 0.9); }
  #cite-modal .cite-modal__format-btn {
    color: #30a970;
    font-weight: bold;
    font-size: 13px;
    margin-right: 15px;
    cursor: pointer;
    cursor: hand; }
  #cite-modal .cite-modal__add-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
    padding: 0px 40px 12px 62px;
    border-bottom: 1px solid #eaebf0; }
  #cite-modal .disabled_button {
    opacity: 0.3; }
  #cite-modal .cite-modal__results {
    overflow: scroll;
    height: 250px; }
  #cite-modal .cite-modal__local-empty {
    color: #30a970;
    padding: 10px 40px 26px;
    font-size: 14px;
    text-align: center; }
  #cite-modal .search_result :hover {
    background-color: #f7f7f7; }
  #cite-modal .search_result {
    padding: 0 46px; }
  #cite-modal .cite-modal__check {
    border: none;
    color: #30a970;
    font-size: 15px;
    position: absolute;
    right: 5%; }
  #cite-modal .cite-modal__formats-container .cite-modal__format:not(.selected-format):hover {
    background-color: #fbfbfb; }
  #cite-modal .cite-modal__format-header {
    font-weight: bold;
    margin-top: 20px;
    padding: 0px 40px 0px 40px; }
  #cite-modal .selected-format {
    background-color: #f7f7f7; }
  #cite-modal .cite-modal__exit-arrow {
    cursor: pointer;
    cursor: hand;
    font-size: 18px;
    margin-right: 12px; }
  #cite-modal .cite-modal__formats-container {
    border-top: 1px solid #efefef;
    font-size: 14px; }
  #cite-modal .cite-modal__format-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eaebf0;
    padding: 12px 40px; }
  #cite-modal .cite-modal__format {
    padding: 8px 40px;
    cursor: pointer; }
  #cite-modal .cite-modal__title-cotainer {
    display: flex;
    align-items: center;
    margin-right: 12px; }
  #cite-modal .citation-header {
    margin-left: 9px; }
  #cite-modal .bibtex-container {
    padding: 10px 40px 26px;
    font-size: 16px;
    text-align: center; }
    #cite-modal .bibtex-container span {
      margin: 5px; }
    #cite-modal .bibtex-container .add-manual-citation {
      font-size: 14px;
      color: #30a970;
      cursor: pointer; }
  #cite-modal #cite-onboarding-container {
    position: relative;
    background-color: rgba(173, 132, 64, 0.1);
    height: 60px;
    padding-bottom: 0px;
    padding-left: 70px;
    padding-right: 30px;
    padding-top: 30px; }
    #cite-modal #cite-onboarding-container #cite-onboarding-line-1 {
      font-size: 15px; }
    #cite-modal #cite-onboarding-container #cite-onboarding-line-2 {
      font-size: 10px;
      padding-top: 2px; }
      #cite-modal #cite-onboarding-container #cite-onboarding-line-2 a {
        color: #AD8440; }
    #cite-modal #cite-onboarding-container #cite-onboarding-icon {
      position: absolute;
      width: 30px;
      left: 28px;
      top: 28px; }
  #cite-modal #bib-edit-container {
    padding: 35px;
    padding-top: 10px;
    font-size: 18px; }
    #cite-modal #bib-edit-container #bib-edit-form {
      max-height: 320px;
      overflow-y: scroll;
      background-color: #f7f7f7;
      padding: 20px; }
    #cite-modal #bib-edit-container .form-line {
      position: relative;
      margin-top: 10px; }
      #cite-modal #bib-edit-container .form-line input, #cite-modal #bib-edit-container .form-line select {
        height: 12px;
        position: absolute;
        left: 130px;
        border-radius: 0px;
        bottom: -13px;
        width: 250px; }
      #cite-modal #bib-edit-container .form-line .required-field {
        background-color: #e8e8e8; }
      #cite-modal #bib-edit-container .form-line .error-field {
        border: 1px solid red !important;
        background-color: #fff5f5 !important; }
      #cite-modal #bib-edit-container .form-line div {
        font-weight: 600;
        max-width: 120px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    #cite-modal #bib-edit-container .input-taken-alert {
      border: 1px solid red !important; }
    #cite-modal #bib-edit-container #required-fields-container input {
      border: 1px solid grey; }
    #cite-modal #bib-edit-container #entry-dropdown-container {
      margin-bottom: 10px; }
      #cite-modal #bib-edit-container #entry-dropdown-container span {
        font-weight: 600; }
      #cite-modal #bib-edit-container #entry-dropdown-container select {
        margin-left: 10px;
        margin-top: 5px; }
    #cite-modal #bib-edit-container .update-bibtex-button {
      border: none; }
    #cite-modal #bib-edit-container .new_bibtex-field-button, #cite-modal #bib-edit-container .new_bibtex-field-input {
      background-color: white;
      width: 120px;
      border-radius: 5px;
      border: 1px solid lightgrey; }
    #cite-modal #bib-edit-container .new-field-container {
      margin-top: 10px; }
    #cite-modal #bib-edit-container .bottom-buttons {
      display: flex;
      justify-content: space-between; }

.browse__container {
  width: 100%;
  background: white;
  margin: 0 auto; }

.autocomplete-suggestions {
  margin: 0px;
  padding: 0px; }
.autocomplete-selected {
  background: #f9f9f9; }
.autocomplete-suggestion {
  height: auto;
  border-bottom: 1px solid #eaebf0;
  cursor: pointer;
  padding: 20px;
  font-weight: bold;
  font-size: 18px; }
.autocomplete-suggestion:hover {
  background: #f9f9f9; }
.autocomplete-suggestion__render {
  color: #30a970;
  margin-left: 20px;
  padding-top: 10px; }

.browse_article_searcher {
  font-family: "Source Sans Pro";
  text-align: center;
  margin-bottom: 20px;
  width: 100%; }
  .browse_article_searcher .input {
    font-size: 20px;
    color: #000;
    margin: 0 auto;
    padding: 20px;
    width: 70%; }

#browse {
  font-family: "Source Sans Pro", sans-serif;
  max-width: 1425px;
  margin: 0 auto;
  background: white;
  padding: 40px;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -21px; }
  #browse .browse__title {
    font-size: 42px;
    font-weight: 200;
    text-align: center;
    display: block;
    margin: 0 auto 50px auto;
    max-width: 386px;
    line-height: 51px; }
  #browse .browse__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(173, 132, 64, 0.5);
    padding-bottom: 30px; }
    #browse .browse__header .browse_tab_links_container a {
      color: #202020; }
    #browse .browse__header .browse_tab_links_container :last-child {
      margin-left: 10px; }
  #browse .browse-more {
    display: block;
    width: 235px;
    margin: 20px auto;
    text-align: center; }
    #browse .browse-more a {
      color: #202020;
      text-decoration: none;
      font-size: 14px; }
  #browse .header__index {
    justify-content: center; }
    #browse .header__index div {
      display: flex;
      justify-content: space-between; }
  #browse .header__title {
    color: #202020;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer; }
  #browse .browse__dropdown {
    width: 170px;
    text-align: left;
    background: white;
    border: 1px solid #dddddd;
    color: #777777;
    font-size: 12px;
    padding: 5px 10px;
    position: relative; }
    #browse .browse__dropdown .icon-sort-down {
      position: absolute;
      top: 2px;
      right: 20px;
      color: #777777;
      font-size: 15px; }
  #browse .dropdown-menu {
    border-radius: 0;
    padding: 0; }
    #browse .dropdown-menu a {
      width: 148px;
      height: 40px;
      display: flex;
      align-items: center;
      color: #777777;
      text-decoration: none;
      font-size: 12px;
      padding: 5px 10px; }
      #browse .dropdown-menu a:hover {
        background: #f3f3f3; }
    #browse .dropdown-menu .current-sort img {
      margin-left: 67px; }
  #browse #browse-cards-container {
    max-width: 1300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 50px; }
  #browse #article-list-container {
    max-width: 725px;
    margin: 0 auto; }
  #browse #published-trigger {
    margin-right: 10px; }
  #browse .underline {
    text-decoration: underline; }
  #browse .pagination {
    font-size: 20px;
    width: 240px;
    margin: 20px auto; }
    #browse .pagination a {
      color: #202020; }
  @media screen and (max-width: 353px) {
    #browse .browse__header {
      flex-wrap: wrap;
      justify-content: center; }
    #browse .browse__dropdown {
      margin-top: 30px; } }

.browse__article {
  border-bottom: 1px solid rgba(173, 132, 64, 0.5);
  padding: 36px 0 10px 0;
  box-sizing: border-box; }
  .browse__article .article__title {
    font-size: 30px;
    font-weight: 600;
    color: #202020;
    text-decoration: none;
    line-height: 1.6em; }
  .browse__article .article__author {
    color: #30a970;
    font-weight: 600; }
  .browse__article .article__preview {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 60px; }
  .browse__article .article__people {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .browse__article .article__people div {
      margin: 0; }
    .browse__article .article__people p {
      font-size: 14px; }
  .browse__article .user-gravatar-overlay {
    height: 25px; }
    .browse__article .user-gravatar-overlay img {
      margin-right: 6px;
      border-radius: 100px; }
  .browse__article img.user-profile-pic {
    height: 25px;
    margin-right: 6px;
    border-radius: 100px; }

#new-subscription {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 50px 0; }
  #new-subscription .new-sub__title {
    color: #30a970;
    font-size: 40px; }
  #new-subscription .new-sub__subtitle {
    font-size: 18px;
    margin: 36px auto 50px auto; }
  #new-subscription .checked {
    margin-bottom: 50px; }
  #new-subscription .new-sub__userplan {
    font-size: 16px;
    line-height: 26px; }
    #new-subscription .new-sub__userplan .userplan__bold {
      font-weight: 600; }
  #new-subscription .new-sub__gold-line {
    height: 1px;
    background: rgba(173, 132, 64, 0.5);
    width: 100%;
    margin: 30px auto;
    width: 350px; }
  #new-subscription a {
    color: #202020;
    text-decoration: none; }
  #new-subscription .back-link {
    color: #30a970;
    font-weight: 600;
    text-decoration: none;
    display: block;
    margin-top: 23px; }

#product-page-wrapper {
  margin-top: 60px;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #product-page-wrapper .product__header {
    padding: 75px 10px 0 10px;
    position: relative; }
  #product-page-wrapper .product__header--title-section {
    text-align: center;
    max-width: 570px;
    margin: 0 auto; }
  #product-page-wrapper .product__header--title {
    font-weight: 300;
    line-height: 48px;
    margin-bottom: 30px;
    font-size: 40px;
    color: #202020; }
  #product-page-wrapper .product__subtitle {
    font-size: 13px;
    margin-bottom: 50px;
    font-size: 16px;
    color: #383838;
    letter-spacing: 0;
    line-height: 25px; }
  #product-page-wrapper .product__header--bottom {
    display: flex;
    flex-wrap: wrap; }
  #product-page-wrapper .big-img-container {
    width: 100%;
    display: flex;
    justify-content: center; }
  #product-page-wrapper .product__big-img {
    max-height: 730px;
    margin: 0 auto;
    display: block;
    align-self: center; }
  #product-page-wrapper .product__header-video-button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    width: 200px;
    padding: 9px 10px;
    border-radius: 100px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-sizing: border-box;
    margin: -123px auto 0 auto;
    height: 40px; }
    #product-page-wrapper .product__header-video-button:hover {
      background: rgba(48, 169, 112, 0.9); }
    #product-page-wrapper .product__header-video-button:hover {
      background: rgba(48, 169, 112, 0.9); }
    @media screen and (max-width: 832px) {
      #product-page-wrapper .product__header-video-button {
        margin: -34px auto 0 auto; } }
  #product-page-wrapper .arrow-container {
    position: relative;
    margin-left: 10px; }
  #product-page-wrapper .big-arrow {
    color: white;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid white; }
  #product-page-wrapper .small-arrow {
    position: absolute;
    color: white;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #30a970;
    bottom: 2px;
    left: 1px; }
  #product-page-wrapper .product__header--silo1,
  #product-page-wrapper .product__header--silo2,
  #product-page-wrapper .product__background-silo {
    position: absolute;
    height: 330px;
    z-index: -1; }
  #product-page-wrapper .product__header--silo1 {
    top: 100px; }
  #product-page-wrapper .product__header--silo2 {
    top: 400px;
    right: 17px; }
  #product-page-wrapper .feature__section {
    padding: 90px 10px 65px 10px; }
  #product-page-wrapper .feature__section--title-container {
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
    max-width: 434px; }
  #product-page-wrapper .feature__section--title-container--large {
    max-width: 593px; }
  #product-page-wrapper .feature__section--title {
    font-weight: 600;
    font-size: 24px;
    color: #202020;
    letter-spacing: -0.20px;
    line-height: 34px; }
  #product-page-wrapper .feature__section--subtitle {
    font-size: 15px; }
  #product-page-wrapper .feature__section--img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #product-page-wrapper .feature__section--img {
    max-width: 100%;
    align-self: center;
    margin-bottom: 30px;
    border: 1px solid #e8e8e8;
    margin: 20px; }
  #product-page-wrapper .feature__section--collab-container {
    max-width: 950px;
    display: block;
    margin: 0 auto; }
    #product-page-wrapper .feature__section--collab-container .collab-pic {
      max-height: 223px; }
    #product-page-wrapper .feature__section--collab-container .row-1,
    #product-page-wrapper .feature__section--collab-container .row-2 {
      margin-bottom: -138px; }
    #product-page-wrapper .feature__section--collab-container .row-1 {
      justify-content: flex-start; }
    #product-page-wrapper .feature__section--collab-container .row-2 {
      justify-content: center; }
    #product-page-wrapper .feature__section--collab-container .row-3 {
      justify-content: flex-end; }
    #product-page-wrapper .feature__section--collab-container .row-1,
    #product-page-wrapper .feature__section--collab-container .row-2,
    #product-page-wrapper .feature__section--collab-container .row-3 {
      display: flex; }
      @media screen and (max-width: 890px) {
        #product-page-wrapper .feature__section--collab-container .row-1,
        #product-page-wrapper .feature__section--collab-container .row-2,
        #product-page-wrapper .feature__section--collab-container .row-3 {
          margin: 20px auto 40px auto;
          justify-content: center; } }
  #product-page-wrapper .feature__section--flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  #product-page-wrapper .version-control-box {
    max-width: 350px; }
  #product-page-wrapper .version-control__title {
    font-weight: 300;
    font-size: 48px;
    color: #000000;
    letter-spacing: 0;
    line-height: 56px; }
  #product-page-wrapper .img-container-subtitle {
    width: 267px; }
  #product-page-wrapper .flex-container-img {
    align-self: center;
    max-height: 275px;
    margin: 0 20px 40px 20px; }
  #product-page-wrapper .flex-silo {
    position: absolute;
    max-width: 100%;
    z-index: -1; }
  #product-page-wrapper .d3-container {
    display: flex;
    justify-content: center; }
  @media screen and (max-width: 560px) {
    #product-page-wrapper .d3-animation {
      display: none; } }
  #product-page-wrapper .d3-placeholder {
    display: none; }
    @media screen and (max-width: 560px) {
      #product-page-wrapper .d3-placeholder {
        display: block;
        align-self: center; } }
  #product-page-wrapper .d3-subtitle {
    text-align: center; }
  #product-page-wrapper .d3-subtitle__title {
    font-size: 14px;
    margin: 20px auto 0 auto;
    font-weight: 600; }
  #product-page-wrapper .d3-subtitle__subtitle {
    font-size: 11px; }
  #product-page-wrapper .reverse-flex-container {
    max-width: 923px;
    overflow: hidden;
    margin: 0 auto; }
    #product-page-wrapper .reverse-flex-container .version-control-box {
      padding-right: 102px; }
    #product-page-wrapper .reverse-flex-container .version-control__title {
      line-height: 47px; }
    #product-page-wrapper .reverse-flex-container .img-container-subtitle {
      margin-bottom: 20px;
      line-height: 19px; }
  @media screen and (max-width: 899px) {
    #product-page-wrapper .reverse-flex-container {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      text-align: center; }
      #product-page-wrapper .reverse-flex-container .img-container-subtitle {
        text-align: center;
        line-height: 19px;
        margin: 0 auto 20px auto; }
      #product-page-wrapper .reverse-flex-container .float-right {
        float: none; }
      #product-page-wrapper .reverse-flex-container .publish-pic1,
      #product-page-wrapper .reverse-flex-container .publish-pic2,
      #product-page-wrapper .reverse-flex-container .version-control-box {
        float: none;
        align-self: center;
        padding-right: 0;
        margin-bottom: 20px;
        max-width: 100%; } }
  #product-page-wrapper .float-right {
    float: right; }
  #product-page-wrapper .publish-pic1 {
    max-width: 420px;
    float: left; }
  #product-page-wrapper .publish-pic2 {
    float: right; }
  #product-page-wrapper .feature__section--bottom {
    text-align: center;
    padding-bottom: 200px; }
  #product-page-wrapper .bottom__title {
    font-size: 24px;
    max-width: 757px;
    display: block;
    margin: 5px auto 20px auto;
    color: #202020;
    letter-spacing: -0.21px;
    line-height: 36px; }
  #product-page-wrapper .bottom__button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    width: 150px;
    border-radius: 100px;
    padding: 7px;
    margin: 50px auto 0 auto; }
    #product-page-wrapper .bottom__button:hover {
      background: rgba(48, 169, 112, 0.9); }
  #product-page-wrapper .product-white {
    color: #fff; }
  #product-page-wrapper .product-gray {
    color: #777777; }

.black-wrap {
  max-width: 100%;
  background: #202020;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif;
  padding-bottom: 50px; }
  .black-wrap .product__subtitle {
    font-size: 13px;
    margin-bottom: 50px;
    font-size: 16px;
    color: #383838;
    letter-spacing: 0;
    line-height: 25px; }
  .black-wrap .feature__section--black {
    background: #202020;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 70px 23px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 0px !important; }
    .black-wrap .feature__section--black .version-control-box {
      text-align: center;
      padding-right: 0;
      max-width: 350px; }
  .black-wrap #box-title,
  .black-wrap #box-subtitle {
    box-sizing: content-box;
    max-width: 350px;
    padding-right: 50px; }
  .black-wrap #box-title {
    order: 1; }
  .black-wrap #host {
    order: 2; }
  .black-wrap #markup {
    order: 3; }
  .black-wrap #box-subtitle {
    order: 4;
    line-height: 18px; }
  .black-wrap #history {
    order: 5; }
  .black-wrap #hosted {
    order: 6; }
  .black-wrap #minted {
    order: 7; }
  .black-wrap #advanced {
    order: 8; }
  .black-wrap #git {
    order: 9; }
  .black-wrap #templates {
    order: 10; }
  .black-wrap #submissions {
    order: 11; }
  .black-wrap #collab {
    order: 12; }
  .black-wrap #editor {
    order: 16; }
  .black-wrap #comments {
    order: 17; }
  .black-wrap #support {
    order: 18; }
  .black-wrap #interactive {
    order: 19; }
  .black-wrap #python {
    order: 20; }
  .black-wrap #figures {
    order: 21; }
  @media screen and (max-width: 917px) {
    .black-wrap #box-subtitle {
      order: 3; }
    .black-wrap #markup {
      order: 4; } }
  @media screen and (max-width: 685px) {
    .black-wrap #box-subtitle {
      order: 2; }
    .black-wrap #host {
      order: 3; }
    .black-wrap #box-subtitle,
    .black-wrap #box-title {
      text-align: center;
      max-width: 500px;
      padding-right: 0; } }
  .black-wrap .feature-box {
    float: left;
    width: 232px;
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 190px; }
  .black-wrap .feature-box__icon {
    max-height: 18px; }
  .black-wrap .feature-box__text {
    width: 175px;
    padding-left: 14px;
    padding-top: 5px; }
  .black-wrap .feature-box__title {
    letter-spacing: 0.25px;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0; }
  .black-wrap .feature-box__details {
    font-size: 12px;
    font-size: 16px;
    line-height: 20px; }
  .black-wrap .feature-box__icon {
    width: 26px; }
  .black-wrap .version-control__title {
    font-weight: 300;
    font-size: 48px;
    color: #000000;
    letter-spacing: 0;
    line-height: 56px; }
  .black-wrap .product-white {
    color: #fff; }
  .black-wrap .product-gray {
    color: #777777; }
  .black-wrap .feature-grid-button {
    display: block;
    width: 245px;
    text-align: center;
    color: #ad8440;
    font-size: 15px;
    border-radius: 100px;
    padding: 7px;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid #ad8440;
    border-radius: 100px;
    font-size: 16px;
    padding: 15px 0;
    margin-left: 20px; }
    @media screen and (max-width: 400px) {
      .black-wrap .feature-grid-button {
        margin: 0 auto; } }
  .black-wrap .button-wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 23px; }

#ref-modal {
  box-sizing: border-box;
  padding: 30px;
  max-height: 550px;
  overflow: scroll; }
  #ref-modal * {
    font-family: "Source Sans Pro", sans-serif; }
  #ref-modal .ref-modal__label:hover {
    background-color: #f7f7f7; }
  #ref-modal .ref-modal__label {
    display: flex;
    justify-content: space-around;
    padding: 5px 0 5px 20px;
    width: 46%;
    display: inline-block;
    margin-left: 1px;
    font-size: 16px; }
  #ref-modal .modal-header {
    padding: 0; }
  #ref-modal .ref-modal__header {
    margin: 0 0 40px 0; }
  #ref-modal .modal-body {
    padding: 0px;
    max-height: 5000px !important; }
  #ref-modal .ref-modal__section-header {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px; }
  #ref-modal .ref-modal__section {
    margin-bottom: 20px; }
  #ref-modal .close {
    opacity: 1; }
  #ref-modal .empty__title {
    font-size: 35px;
    font-weight: 200;
    margin-top: 50px; }
  #ref-modal .ref-modal-empty {
    padding-top: 50px;
    text-align: center; }
    #ref-modal .ref-modal-empty img {
      display: block;
      margin: 0 auto;
      width: 90px; }
  #ref-modal .empty__subtitle {
    font-size: 16px;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    margin-top: 20px; }

#about-info .marketing {
  background: #fff; }
#about-info .aboutus__banner {
  width: 100%;
  display: block;
  margin: 35px auto; }

#aboutus i {
  font-family: "FontAwesome"; }
#aboutus * {
  font-family: "Source Sans Pro", sans-serif; }
#aboutus #about-team {
  margin-top: 65px; }
#aboutus .aboutus__header {
  max-width: 840px;
  display: flex;
  margin: 0 auto;
  justify-content: space-around; }
  @media screen and (max-width: 960px) {
    #aboutus .aboutus__header {
      flex-wrap: wrap; } }
#aboutus .aboutus__header--left {
  max-width: 350px; }
#aboutus .aboutus__header--right {
  max-width: 500px;
  font-size: 16px;
  line-height: 30px; }
  #aboutus .aboutus__header--right img {
    max-width: 486px; }
    @media screen and (max-width: 490px) {
      #aboutus .aboutus__header--right img {
        max-width: 100%; } }
#aboutus .aboutus__title--subtext {
  color: #777777;
  font-weight: 200;
  margin: 27px auto 10px auto; }
#aboutus .aboutus__title {
  min-width: 290px;
  color: #202020;
  font-size: 48px;
  font-weight: 200;
  max-width: 343px;
  display: block;
  margin: -15px auto 35px auto;
  line-height: 60px;
  padding-right: 30px; }
  @media screen and (max-width: 747px) {
    #aboutus .aboutus__title {
      font-size: 40px; } }
#aboutus .aboutus__title--secondary {
  display: block;
  margin: 0 auto; }
#aboutus .aboutus__member-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 100px auto; }
#aboutus .aboutus__member-pic img {
  max-width: none;
  margin-bottom: 25px; }
#aboutus .aboutus__member-name {
  font-size: 24px;
  margin: 0;
  font-weight: 600;
  margin-top: -8px; }
  @media screen and (max-width: 747px) {
    #aboutus .aboutus__member-name {
      margin-top: 10px; } }
#aboutus .aboutus__member-job {
  font-weight: 800;
  margin-top: -6px;
  font-size: 14px; }
#aboutus .aboutus__member-info {
  max-width: 500px;
  margin-left: 20px; }
#aboutus .aboutus__member-bio {
  font-size: 16px;
  line-height: 30px; }
#aboutus .aboutus__member-contact .twitter img {
  height: 16px; }
#aboutus .aboutus__member-contact * {
  font-family: "FontAwesome";
  font-size: 15px;
  margin-right: 5px;
  color: #202020; }
#aboutus .aboutus__subtitle {
  font-size: 20px;
  text-align: center;
  margin: 0 0 30px 0; }
#aboutus .aboutus__universities {
  display: flex;
  justify-content: space-around;
  max-width: 800px;
  margin: 0 auto;
  flex-wrap: wrap; }
  #aboutus .aboutus__universities img {
    height: 100px;
    margin: 5px; }
#aboutus .university {
  width: 100px;
  text-align: center; }
#aboutus .aboutus__advisors .group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
#aboutus .aboutus__advisors p {
  margin: 0; }
#aboutus .aboutus__advisors .aboutus__advisor {
  margin: 0 10px 10px 10px; }
  #aboutus .aboutus__advisors .aboutus__advisor i {
    color: #202020; }
#aboutus .aboutus__advisors .name {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px; }
#aboutus .aboutus__advisors .school {
  font-size: 16px; }
#aboutus .aboutus__advisors img {
  width: 140px; }
#aboutus .aboutus__advisor-title {
  font-weight: normal;
  font-size: 35px;
  text-align: center;
  margin: 50px 0 10px 0 !important;
  font-weight: 300; }
#aboutus .board-member {
  margin: 10px; }
  #aboutus .board-member i {
    color: #202020;
    font-size: 18px;
    margin-right: 5px; }
  #aboutus .board-member p {
    margin: 0; }
  #aboutus .board-member .name {
    font-size: 16px;
    font-weight: 600; }
  #aboutus .board-member .role {
    font-size: 14px; }
  #aboutus .board-member img {
    height: 150px; }
#aboutus .board-members-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
#aboutus .investors {
  text-align: center; }
  #aboutus .investors div {
    justify-content: center; }
  #aboutus .investors p {
    color: #202020; }
  #aboutus .investors img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
    max-width: 150px;
    margin: 10px; }
#aboutus .aboutus__social {
  margin: 20px 0; }
#aboutus .contact-link {
  color: #202020; }
#aboutus .press {
  margin: 0 auto; }
#aboutus #about-contact {
  text-align: center; }
#aboutus .img-holder {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden; }
  #aboutus .img-holder img {
    position: absolute;
    display: block;
    top: 0;
    left: -28px;
    width: 250px; }
#aboutus .place-card {
  display: none; }
#aboutus .map-container {
  position: relative;
  height: 450px;
  overflow: hidden;
  margin-bottom: 100px; }
  #aboutus .map-container iframe {
    top: -132px;
    position: absolute;
    left: calc(50% - 300px);
    position: absolute; }
#aboutus .spotify {
  text-align: center;
  margin: 20px auto 50px auto;
  max-width: 301px; }
  #aboutus .spotify a {
    text-decoration: none; }
  #aboutus .spotify .spotify__title {
    font-size: 36px;
    font-weight: 300; }
  #aboutus .spotify .spotify__logo {
    display: flex;
    justify-content: center; }
    #aboutus .spotify .spotify__logo p {
      margin-left: 5px;
      font-size: 13px;
      color: #202020; }
  #aboutus .spotify i {
    font-size: 25px;
    border: 1px solid #202020;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    color: #202020; }
#aboutus .bio-small {
  font-size: 12px;
  line-height: 22px; }

#import-article-progressbar * {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
#import-article-progressbar #import-article-progressbar-message-details {
  color: #e74c3c; }
#import-article-progressbar #import-article-progressbar-details-button {
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  background: #30a970;
  color: #fff;
  cursor: pointer;
  width: 113px;
  height: 27px; }
  #import-article-progressbar #import-article-progressbar-details-button:hover {
    background: rgba(48, 169, 112, 0.9); }

#institution-profile {
  display: flex;
  background: #ffffff;
  overflow: hidden;
  /*.nav-tabs>.active>a {
    background: #f6f6f6;
  }*/ }
  #institution-profile * {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #institution-profile i[class^='icon'],
  #institution-profile i[class*=' icon'] {
    font-family: "FontAwesome"; }
  #institution-profile a {
    color: #202020; }
  @media screen and (max-width: 680px) {
    #institution-profile {
      flex-wrap: wrap; } }
  #institution-profile .inst__sidebar {
    width: 250px;
    /*text-align: center;*/
    margin-top: 61px;
    padding: 50px 40px;
    box-sizing: border-box; }
    @media screen and (max-width: 680px) {
      #institution-profile .inst__sidebar {
        margin: 60px auto 20px auto;
        width: 80%; } }
  #institution-profile .sidebar__logo {
    width: 136px;
    margin: 0 auto;
    display: block; }
  #institution-profile .sidebar__admins-container {
    text-align: left; }
  #institution-profile .sidebar__admins-text {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600; }
  #institution-profile .sidebar__name {
    display: inline;
    font-weight: 700;
    font-size: 15px;
    display: block; }
  #institution-profile .sidebar__caption {
    padding: 20px 0; }
  #institution-profile .sidebar__premium-badge {
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-align: left;
    margin-bottom: 10px; }
  #institution-profile .sidebar__inquire-button, #institution-profile .customize-group-btn {
    width: 157px !important;
    height: 36px !important;
    border-radius: 100px;
    font-size: 13px;
    text-decoration: none !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background: #fff;
    color: #777777;
    border: 1px solid #777777;
    margin: 0 auto 20px 0; }
    #institution-profile .sidebar__inquire-button:hover, #institution-profile .customize-group-btn:hover {
      opacity: 0.5; }
  #institution-profile .customize-group-btn {
    margin-top: 20px; }
  #institution-profile .sidebar__request-public {
    color: #30a970;
    text-decoration: underline; }
  #institution-profile .sidebar__subscribe-button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid #ad8440;
    border-radius: 0px;
    color: #ad8440;
    margin: 0 auto;
    height: 27px;
    margin: 10px auto;
    padding: 5px;
    height: 21px;
    width: 166px; }
    #institution-profile .sidebar__subscribe-button:hover {
      background: rgba(173, 132, 64, 0.1); }
  #institution-profile .sidebar__upgrade-button {
    background-color: #383838;
    color: white;
    width: 30px;
    padding: 10px;
    padding-left: 55px;
    padding-right: 55px;
    border-radius: 30px;
    font-weight: bold; }
  #institution-profile .sidebar__info {
    padding: 20px 5px;
    border-top: 1px dotted rgba(173, 132, 64, 0.3);
    margin-top: 20px; }
  #institution-profile .info__title {
    font-size: 20px;
    color: #ad8440;
    margin-bottom: 11px; }
  #institution-profile .info__link__nobreak {
    color: #30a970;
    font-weight: 700;
    display: block; }
  #institution-profile .info__link {
    color: #30a970;
    font-weight: 700;
    margin-bottom: 20px;
    display: block; }
  #institution-profile .info__section {
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 0; }
  #institution-profile .sidebar__settings {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    width: 190px;
    margin: 10px auto;
    max-width: 218px;
    padding: 10px;
    height: 10px; }
    #institution-profile .sidebar__settings:hover {
      background: rgba(48, 169, 112, 0.9); }
  #institution-profile #main {
    padding-top: 80px; }
  #institution-profile .main__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 630px;
    padding-bottom: 30px;
    width: 100%;
    flex-wrap: wrap; }
  #institution-profile .main__title {
    font-size: 20px;
    margin: 0 0 20px 0;
    line-height: 27px;
    margin-right: 20px; }
    @media screen and (min-width: 929px) {
      #institution-profile .main__title {
        margin-bottom: 0; } }
  #institution-profile .nav-tabs > li > a {
    border-radius: 0; }
  #institution-profile .tab-content {
    overflow: hidden; }
  #institution-profile #main__dropdown-toggle {
    width: 170px;
    text-align: left;
    background: white;
    border: 1px solid #dddddd;
    color: #777777;
    font-size: 12px;
    padding: 5px 10px;
    margin-right: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #institution-profile #main__dropdown-toggle p {
      margin: 0;
      font-size: 12px; }
    #institution-profile #main__dropdown-toggle i {
      margin-top: -4px;
      font-size: 15px;
      margin-right: 4px; }
  #institution-profile .dropdown ul a {
    width: 148px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #777777;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between; }
  #institution-profile .dropdown .dropdown-menu {
    border-radius: 0;
    padding: 0; }
  #institution-profile .article__container {
    display: flex;
    background: white;
    margin-bottom: 22px;
    padding: 14px 10px; }
  #institution-profile .article__lock-section {
    width: 50px;
    box-sizing: border-box; }
    #institution-profile .article__lock-section img {
      margin-left: 18px;
      margin-top: 9px; }
  #institution-profile .article__top {
    display: flex;
    align-items: center;
    padding: 5px 0; }
  #institution-profile .article-lable,
  #institution-profile .article-label-badge {
    background: white; }
  #institution-profile .icon-tag {
    color: #202020; }
  #institution-profile .article__author {
    color: #30a970;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px; }
  #institution-profile .vertical-hr {
    width: 1px;
    height: 13px;
    margin: 0 10px;
    background: #777777; }
    @media screen and (max-width: 800px) {
      #institution-profile .vertical-hr {
        display: none; } }
  #institution-profile .article__bottom {
    display: flex;
    align-items: center;
    line-height: 20px;
    color: #202020;
    font-size: 14px; }
    #institution-profile .article__bottom p {
      margin: 0; }
    @media screen and (max-width: 800px) {
      #institution-profile .article__bottom {
        flex-direction: column;
        align-items: flex-start; } }
  #institution-profile .sidebar__bio {
    font-size: 12px;
    text-align: left;
    margin-top: 20px;
    white-space: pre-line; }
  #institution-profile .statistics-heading {
    font-weight: 600;
    color: #202020; }
  #institution-profile .statistics-number {
    color: #2e99ba; }
  #institution-profile .statistics-entry {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px; }
  #institution-profile tr.article__container {
    border-top: 2px solid white; }
  #institution-profile .insitution-article-list {
    overflow: hidden; }
  #institution-profile .nav-tabs {
    border: 0;
    font-size: 20px; }
    #institution-profile .nav-tabs a {
      color: #777777;
      font-weight: 600;
      padding-right: 0px;
      padding-left: 0px;
      margin-right: 20px; }
    #institution-profile .nav-tabs .active a {
      border: 0;
      color: #393939;
      border-bottom: 1px solid #393939; }
  #institution-profile .sidebar__user-message {
    text-align: left;
    font-size: 12px; }
    #institution-profile .sidebar__user-message a {
      font-weight: bold; }
  #institution-profile .sidebar__user-title {
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold; }
    #institution-profile .sidebar__user-title .admin-icon {
      background-color: #f5f5f5;
      display: inline;
      background-color: tan;
      border-radius: 50%;
      width: 11px;
      height: 11px; }
  #institution-profile .nav-tabs-members {
    font-size: 24px;
    padding-top: 12px; }
    #institution-profile .nav-tabs-members .active a {
      border: 0; }
  #institution-profile a.group-tag-filter {
    font-family: inherit;
    color: #777777;
    margin-right: 8px;
    font-weight: bold; }
  #institution-profile a.group-tag-filter.selected {
    color: #202020;
    text-decoration: underline; }
  #institution-profile .btn-article-name {
    color: #393939;
    line-height: auto;
    font-size: 19px;
    line-height: 21px;
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 275px;
    font-weight: bold; }
    @media screen and (min-width: 517px) {
      #institution-profile .btn-article-name {
        max-width: 364px; } }
    @media screen and (min-width: 553px) {
      #institution-profile .btn-article-name {
        max-width: 393px; } }
    @media screen and (min-width: 681px) {
      #institution-profile .btn-article-name {
        max-width: 280px; } }
    @media screen and (min-width: 764px) {
      #institution-profile .btn-article-name {
        max-width: 375px; } }
    @media screen and (min-width: 840px) {
      #institution-profile .btn-article-name {
        max-width: 400px; } }
    @media screen and (min-width: 915px) {
      #institution-profile .btn-article-name {
        max-width: 509px; } }
    @media screen and (min-width: 1032px) {
      #institution-profile .btn-article-name {
        max-width: 614px; } }
  #institution-profile #institution-form label {
    font-weight: bold;
    cursor: normal; }
  #institution-profile #institution-form input {
    padding: 5px;
    border-radius: 0px; }
  #institution-profile #institution-form .inst-description {
    height: 60px; }
  #institution-profile #institution-form #subscribe-container {
    display: flex; }
    #institution-profile #institution-form #subscribe-container label {
      margin-left: 10px; }
  #institution-profile #institution-form .privacy-heading {
    margin-top: 10px;
    margin-bottom: 10px; }
  #institution-profile #institution-form .inst-privacy-container {
    display: flex;
    margin-top: 10px;
    margin-left: 5px; }
    #institution-profile #institution-form .inst-privacy-container .access-label {
      color: grey;
      font-size: 12px; }
    #institution-profile #institution-form .inst-privacy-container .privacy-top-line > * {
      margin-right: 10px; }
  #institution-profile #institution-form .inst-privacy-container > * {
    margin-right: 10px; }
  #institution-profile .update-buttons {
    margin-top: 40px; }
  #institution-profile .update-institution {
    background: #30a970;
    color: #fff;
    height: 30px;
    border: 0px;
    border-radius: 25px;
    width: 100px; }
  #institution-profile .cancel-button {
    color: #30a970;
    height: 30px;
    border-radius: 25px;
    width: 100px;
    border: 1px solid #30a970;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 8px;
    margin-left: 7px; }

.members__container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  max-width: 800px; }
  .members__container .member__container {
    min-height: 150px;
    width: 200px; }
  .members__container .accept-member, .members__container .reject-member {
    background-color: transparent;
    border: 0px; }
  .members__container .accept-member {
    color: green; }
  .members__container .reject-member {
    color: red; }

#verified-members {
  padding-left: 15px; }

.verified-header {
  font-weight: bold;
  margin-bottom: 10px; }

.accept-all-members {
  background-color: white;
  color: black;
  border: 1px solid black;
  width: 30px;
  padding: 6px;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 20px;
  margin-top: 30px; }

.verified-body-text {
  max-width: 1000px; }

.member__pic-container {
  max-width: 50px;
  margin: auto; }
  .member__pic-container img,
  .member__pic-container .user-gravatar-overlay img {
    width: 100px;
    border-radius: 100%;
    margin-bottom: 10px; }

.member__name {
  font-size: 14px;
  color: #202020;
  font-weight: 600;
  margin-bottom: 0; }

.member__email {
  margin-bottom: 3px; }

.member-info {
  min-height: 20px;
  max-width: 180px; }

.member-affiliation, .member-date-joined {
  margin: 0px; }

.remove-member-form {
  display: none; }

.remove-member-wrapper {
  height: 25px;
  width: 105px;
  margin-left: 45px; }

.remove-member-button {
  color: red;
  background-color: transparent;
  border: 0px;
  cursor: pointer; }

#inst-empty-state-container {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #inst-empty-state-container .imgs-container {
    display: flex;
    justify-content: center; }
    #inst-empty-state-container .imgs-container img {
      max-width: 330px;
      max-height: 150px;
      width: auto;
      height: auto; }
  #inst-empty-state-container div {
    text-align: center; }
  #inst-empty-state-container .empty-state-header {
    font-weight: bold;
    font-size: 30px;
    margin: 20px; }
  #inst-empty-state-container .empty-state-body {
    font-size: 15px; }

#activate-account-form {
  font-family: "Source Sans Pro", sans-serif;
  max-width: 320px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #activate-account-form .activate__title {
    padding-left: 8px;
    font-size: 24px;
    color: #202020;
    margin-bottom: 35px; }
  #activate-account-form .field {
    display: block;
    margin: 0 auto;
    max-width: 300px; }
  #activate-account-form .input-large {
    width: 295px;
    box-sizing: border-box;
    height: 45px;
    padding: 15px 20px;
    border: solid 1px rgba(56, 56, 56, 0.2);
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 20px; }
    #activate-account-form .input-large::placeholder {
      color: rgba(119, 119, 119, 0.3); }
    #activate-account-form .input-large:focus {
      box-shadow: none;
      outline-color: white; }
  #activate-account-form .activate__label {
    font-size: 14px;
    font-weight: 600; }
  #activate-account-form .activate__button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    border: none;
    width: 200px;
    height: 40px;
    font-weight: 600;
    letter-spacing: 0.6px;
    margin: 20px auto; }
    #activate-account-form .activate__button:hover {
      background: rgba(48, 169, 112, 0.9); }
  #activate-account-form .previous-account {
    display: block;
    margin: 0 auto 6px auto;
    max-width: 177px;
    font-size: 16px; }
    #activate-account-form .previous-account a {
      color: #30a970; }
  #activate-account-form .signup__terms {
    text-align: center;
    color: #202020;
    font-size: 12px; }
    #activate-account-form .signup__terms a {
      color: #202020; }

#no-articles {
  background: white;
  border: 0;
  margin-bottom: 75px;
  color: #202020;
  padding: 0px 20px 50px 20px; }
  #no-articles .no-articles__text {
    font-size: 18px;
    max-width: 450px;
    line-height: 23px;
    font-weight: 400; }
  #no-articles #or {
    margin-bottom: 6px; }
  #no-articles .no-articles__write-svg {
    width: 67px;
    margin: 20px auto;
    margin-bottom: 5px; }
  #no-articles .no-articles__title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 200;
    margin-bottom: 14px;
    max-width: 475px;
    text-decoration: none; }
  #no-articles .no-articles__new-article-button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    width: 200px;
    height: 40px;
    margin-bottom: 14px; }
    #no-articles .no-articles__new-article-button:hover {
      background: rgba(48, 169, 112, 0.9); }
  #no-articles .no-articles__templates {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 14px 0; }
  #no-articles .no-articles__template-link {
    text-decoration: none; }
  #no-articles .no-articles__template {
    width: 160px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
    box-sizing: border-box;
    height: 300px;
    margin: 15px; }
    #no-articles .no-articles__template:hover {
      opacity: 0.8; }
  #no-articles .no-articles__template-top {
    padding: 15px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: -13px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-around;
    height: 184px; }
  #no-articles .no-articles__template-title {
    font-size: 30px;
    color: #393939;
    font-weight: 200;
    line-height: 26px;
    border-bottom-color: transparent; }
    #no-articles .no-articles__template-title:hover {
      opacity: 0.8; }
  #no-articles .no-articles__template-pic {
    width: 127px;
    height: 95px; }
  #no-articles .no-articles__link {
    color: #30a970;
    text-decoration: none; }
  #no-articles .no-articles__help {
    font-size: 18px;
    color: #393939;
    line-height: 25px; }
    #no-articles .no-articles__help a {
      color: #2787ac; }
  #no-articles .no-articles__template-subtext {
    font-size: 13px;
    height: 35px;
    color: #393939;
    text-decoration: none; }
    #no-articles .no-articles__template-subtext:hover {
      opacity: 0.8; }

#user-settings-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 30px; }
  #user-settings-container * {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #user-settings-container .tab-pane {
    display: none; }
  #user-settings-container .tab-pane.active {
    display: block; }
  #user-settings-container .user-settings__sidebar {
    width: 250px; }
  #user-settings-container .user-settings__signed-in-container {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    display: flex;
    margin-bottom: 22px; }
    #user-settings-container .user-settings__signed-in-container img {
      height: 50px;
      width: auto;
      border-radius: 100%; }
  #user-settings-container .user-settings__signed-in-text {
    color: #646464;
    font-size: 14px;
    margin: 0; }
  #user-settings-container .user-settings__name-container {
    margin-left: 10px; }
  #user-settings-container .user-settings__signed-in-name {
    font-size: 16px;
    color: #30a970;
    font-weight: bold; }
  #user-settings-container .user-settings__sidebar {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #user-settings-container .user-settings__sidebar li {
      margin-bottom: 22px; }
      #user-settings-container .user-settings__sidebar li a {
        font-size: 16px;
        color: #202020; }
    #user-settings-container .user-settings__sidebar li.active a {
      font-weight: bold; }
  #user-settings-container .user-settings__sidebar-icon {
    width: 20px;
    margin-right: 22px; }
  #user-settings-container .user-settings__sidebar-footer {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 70px;
    border-top: 1px solid rgba(119, 119, 119, 0.36);
    padding-top: 15px; }
    #user-settings-container .user-settings__sidebar-footer ul {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      list-style: none;
      margin: 0; }
      #user-settings-container .user-settings__sidebar-footer ul li {
        margin-right: 8px;
        font-size: 14px; }
  #user-settings-container #avatar-change-link {
    width: 164px;
    display: block; }
    #user-settings-container #avatar-change-link img {
      border-radius: 100%;
      display: block; }
  #user-settings-container .user-settings__input {
    max-width: 445px;
    height: 43px !important;
    border-radius: 0px !important;
    min-width: 300px;
    height: 45px;
    font-size: 16px;
    padding-left: 20px;
    box-sizing: border-box;
    width: 100%; }
  #user-settings-container .user-settings__text-area {
    line-height: 34px; }
  #user-settings-container .actions {
    margin-top: 12px;
    display: flex; }
  #user-settings-container .tab-content {
    padding-left: 50px; }
    @media screen and (max-width: 697px) {
      #user-settings-container .tab-content {
        padding-left: 0; } }
  #user-settings-container #editor-settings select {
    -webkit-appearance: none;
    position: relative;
    border-radius: 0;
    height: 40px; }
  #user-settings-container #editor-settings .gray-triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #777777;
    position: absolute;
    top: 18px;
    left: 318px; }
  #user-settings-container #editor-settings .field {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 350px; }
  #user-settings-container #editor-settings .top {
    border-bottom: 1px solid rgba(119, 119, 119, 0.36);
    padding-bottom: 22px;
    margin-bottom: 33px;
    max-width: 351px; }
  #user-settings-container #editor-settings .field-with-input {
    width: 150px; }
    #user-settings-container #editor-settings .field-with-input input {
      margin: 0; }
  #user-settings-container .user-settings__inst-edit {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #user-settings-container .user-settings__inst-name {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 27px; }
    #user-settings-container .user-settings__inst-name a {
      color: black; }
  #user-settings-container .user-settings__inst-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(119, 119, 119, 0.36);
    padding: 17px 18px;
    margin-bottom: 5px; }
  #user-settings-container .user-settings__inst-logo {
    max-height: 30px;
    margin-right: 10px; }
  #user-settings-container .user-settings__left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  #user-settings-container .user-settings__edit-inst {
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px; }
  #user-settings-container .user-settings__green {
    color: #30a970;
    margin-right: 10px; }
  #user-settings-container .user-settings__red {
    color: #e74c3c; }
  #user-settings-container .user-settings__breaking-title {
    margin-top: 30px; }
  #user-settings-container .user-plans__plans-list {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  #user-settings-container #billing {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #user-settings-container .user-plan {
    width: 260px; }
  #user-settings-container .user-settings__strong {
    font-weight: 600; }
  #user-settings-container .user-settings__text {
    font-size: 16px;
    color: #777777; }
  #user-settings-container #connections {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #user-settings-container .user-settings__follow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap; }
  #user-settings-container .user-settings__follow-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 220px; }
    #user-settings-container .user-settings__follow-left img {
      margin-right: 10px;
      border-radius: 100%; }
  #user-settings-container .user-settings__follow-name {
    color: #30a970;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    width: 150px;
    overflow: hidden;
    white-space: nowrap; }
  #user-settings-container .user-settings__follow-email {
    margin: 0;
    font-size: 14px; }
  #user-settings-container .user-gravatar-overlay {
    margin: 0; }
  #user-settings-container .nav-tabs > li > a {
    color: #777777;
    border: 0;
    padding: 0; }
  #user-settings-container .nav-tabs > .active > a,
  #user-settings-container .nav-tabs > .active > a:hover,
  #user-settings-container .nav-tabs > .active > a:focus {
    padding: 0;
    color: #393939;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 2px solid #393939; }
  #user-settings-container .nav-tabs {
    border: 0; }
  #user-settings-container .nav-tabs:before,
  #user-settings-container .nav-pills:before,
  #user-settings-container .nav-tabs:after,
  #user-settings-container .nav-pills:after {
    display: none; }
  #user-settings-container .account-settings-tabs {
    display: flex;
    justify-content: space-between;
    width: 257px;
    margin-bottom: 25px; }
  #user-settings-container .tab-content__no-padding {
    padding: 0; }
  #user-settings-container .user-settings__delete-warning {
    color: #e74c3c;
    font-size: 16px;
    font-weight: 600; }
  #user-settings-container .user-settings__message {
    font-size: 14px;
    line-height: 31px;
    max-width: 320px;
    margin: 0; }
  #user-settings-container .user-settings__no-margin {
    margin: 0; }
  #user-settings-container .user-settings__orange-button {
    width: 200px !important;
    height: 30px !important;
    border-radius: 100px;
    font-size: 13px;
    text-decoration: none !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background: #e74c3c;
    color: #fff;
    margin-right: 20px; }
    #user-settings-container .user-settings__orange-button:hover {
      opacity: 0.5; }
  #user-settings-container .user-settings__gray-button {
    width: 100px !important;
    height: 30px !important;
    border-radius: 100px;
    font-size: 13px;
    text-decoration: none !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background: #fff;
    color: #777777;
    border: 1px solid #777777; }
    #user-settings-container .user-settings__gray-button:hover {
      opacity: 0.5; }
  #user-settings-container .user-settings__cancel-container {
    margin-top: 20px; }
  #user-settings-container .user-settings__delete-follow {
    margin-left: 10px;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none; }
    #user-settings-container .user-settings__delete-follow:hover {
      opacity: 0.5; }
  #user-settings-container .heading__margin-top {
    margin-top: 20px; }
  #user-settings-container .user-settings__about-new-group {
    max-width: 400px; }
  #user-settings-container #accept-croppie-pic {
    width: 200px !important;
    height: 40px !important;
    border-radius: 100px;
    font-size: 13px;
    text-decoration: none !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background: #30a970;
    color: #fff !important; }
    #user-settings-container #accept-croppie-pic:hover {
      opacity: 0.5; }

.user-settings__input {
  max-width: 445px;
  height: 43px !important;
  border-radius: 0px !important;
  min-width: 300px;
  height: 45px;
  font-size: 16px;
  padding-left: 20px;
  box-sizing: border-box;
  width: 100%; }

.user-settings__label {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-weight: 600;
  color: #393939; }

.user-settings__button {
  width: 150px !important;
  height: 32px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #30a970;
  color: #fff !important;
  border: none;
  font-weight: normal; }
  .user-settings__button:hover {
    opacity: 0.5; }

.new-inst {
  margin: 0 auto;
  max-width: 450px; }

.user-settings__cancel-button {
  width: 100px !important;
  height: 32px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #fff;
  color: #30a970;
  border: 1px solid #30a970;
  margin-left: 5px; }
  .user-settings__cancel-button:hover {
    opacity: 0.5; }

.user-settings__row {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .user-settings__row input {
    margin: 0;
    margin-right: 10px; }

.user-settings__orange-button {
  width: 200px !important;
  height: 30px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #e74c3c;
  color: #fff;
  margin-right: 20px; }
  .user-settings__orange-button:hover {
    opacity: 0.5; }

.user-settings__input {
  max-width: 445px;
  height: 43px !important;
  border-radius: 0px !important;
  min-width: 300px;
  height: 45px;
  font-size: 16px;
  padding-left: 20px;
  box-sizing: border-box;
  width: 100%; }

.user-settings__label {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-weight: 600;
  color: #393939; }

.user-settings__button {
  width: 150px !important;
  height: 32px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #30a970;
  color: #fff !important;
  border: none;
  font-weight: normal; }
  .user-settings__button:hover {
    opacity: 0.5; }

.new-inst {
  margin: 0 auto;
  max-width: 450px; }

.user-settings__cancel-button {
  width: 100px !important;
  height: 32px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #fff;
  color: #30a970;
  border: 1px solid #30a970;
  margin-left: 5px; }
  .user-settings__cancel-button:hover {
    opacity: 0.5; }

.user-settings__row {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .user-settings__row input {
    margin: 0;
    margin-right: 10px; }

.user-settings__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px; }

.new-inst {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 600px; }

.new-inst__header {
  max-width: 516px;
  margin: 0 auto; }

.new-inst__title {
  font-size: 30px;
  font-weight: 200;
  text-align: center;
  margin-bottom: 25px; }

.new-inst__subtitle {
  text-align: center;
  line-height: 22px; }

.new-inst__fields {
  max-width: 410px;
  margin: 0 auto; }

.new-inst__auto-subscribe {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  padding-left: 20px;
  flex-wrap: wrap; }

.new-inst__inline-block {
  display: inline-block;
  margin: 0; }

.new-inst__check {
  margin: 0;
  margin-right: 10px;
  position: absolute;
  top: 4px;
  left: 0; }

.new-inst__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 215px; }
  .new-inst__row .user-settings__label {
    margin: 0; }
  .new-inst__row input {
    margin: 0; }

.new-inst__access {
  margin: 0; }

.new-inst__access {
  color: #777777;
  font-size: 12px; }

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

#templates-page-wrapper {
  color: #393939;
  background-color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #templates-page-wrapper .grey__wrap {
    width: 100%;
    background-color: #f5f5f5; }
  #templates-page-wrapper .featured__header {
    margin-top: 60px;
    max-width: 1120px;
    margin: auto;
    padding: 40px;
    position: relative;
    background-color: #f5f5f5; }
  #templates-page-wrapper .featured__header--title-section {
    text-align: left;
    max-width: 800px;
    margin: 0 0; }
  #templates-page-wrapper .featured__header--title {
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    margin: 80px 0 0 0;
    letter-spacing: -0.27px; }
  #templates-page-wrapper .featured__subtitle {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 24px; }
  #templates-page-wrapper .featured__body {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 50px;
    line-height: 18px; }
  #templates-page-wrapper .featured__header--bottom {
    display: flex;
    flex-wrap: wrap; }
  #templates-page-wrapper .input-size {
    width: 600px; }
  #templates-page-wrapper .input-prepend {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
  #templates-page-wrapper .input-prepend input {
    font-size: 16px;
    padding-left: 10px;
    font-family: "Source Sans Pro", sans-serif;
    color: #777777;
    border-radius: 0 0 0 0;
    -webkit-box-shadow: none; }
  #templates-page-wrapper .add-on {
    border-radius: 0 0 0 0;
    height: 45px;
    width: 45px;
    background-color: #fff;
    border: none; }
  #templates-page-wrapper .add-on img {
    width: 25px;
    height: 25px;
    margin: 10px; }
  #templates-page-wrapper .input-template-search {
    height: 45px;
    border-radius: 0;
    border: none; }
    @media screen and (max-width: 767px) {
      #templates-page-wrapper .input-template-search {
        height: 53px;
        width: 360px !important; } }
    @media screen and (max-width: 500px) {
      #templates-page-wrapper .input-template-search {
        width: 300px !important; } }
  #templates-page-wrapper .input-institution-search {
    height: 45px;
    border-radius: 0;
    border: none; }
    @media screen and (max-width: 767px) {
      #templates-page-wrapper .input-institution-search {
        height: 53px;
        width: 360px !important; } }
    @media screen and (max-width: 500px) {
      #templates-page-wrapper .input-institution-search {
        width: 300px !important; } }
  #templates-page-wrapper #templates-content-wrapper {
    margin-top: 60px;
    padding: 40px;
    max-width: 1120px;
    margin: auto;
    color: #393939;
    /* footer css */ }
    #templates-page-wrapper #templates-content-wrapper .templates-section {
      margin: 30px 0;
      position: relative; }
    #templates-page-wrapper #templates-content-wrapper .featured__templates--title {
      font-size: 36px;
      line-height: 42px;
      font-weight: 300;
      margin: 0 0 50px 0;
      letter-spacing: -0.2px; }
    #templates-page-wrapper #templates-content-wrapper .featured__templates--title a {
      font-size: 16px;
      line-height: 18px;
      font-weight: 500;
      margin-left: 15px;
      text-decoration: underline !important; }
    #templates-page-wrapper #templates-content-wrapper .featured__group--title {
      font-size: 36px;
      line-height: 42px;
      font-weight: 300;
      margin: 50px 0 50px 0;
      letter-spacing: -0.2px; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__templates {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-link {
      color: #393939;
      text-decoration: none; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template {
      width: 245px;
      height: 400px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      text-align: left;
      box-sizing: border-box;
      margin-left: -15px; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__template:hover {
        opacity: 0.8; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-top {
      height: 270px;
      padding: 15px;
      margin-bottom: 30px;
      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: space-around;
      text-decoration: none; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-title {
      max-width: 200px;
      font-size: 30px;
      color: #393939;
      font-weight: 200;
      line-height: 26px;
      border-bottom-color: transparent; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__template-title:hover {
        opacity: 0.8;
        text-decoration: none; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-pic {
      width: 200px;
      height: 135px;
      margin-top: 0px; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext {
      font-size: 16px;
      height: 35px;
      color: #393939;
      text-decoration: none;
      margin-bottom: 30px; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext:hover {
        opacity: 0.8; }
    #templates-page-wrapper #templates-content-wrapper .featured__bigbox-container {
      height: 620px;
      width: 535px;
      margin: 60px 60px 60px 0;
      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
      text-decoration: none !important; }
      @media screen and (max-width: 1180px) {
        #templates-page-wrapper #templates-content-wrapper .featured__bigbox-container {
          height: 274px;
          width: 215px;
          padding: 15px; } }
    #templates-page-wrapper #templates-content-wrapper .featured__templates--title--contained {
      font-size: 36px;
      line-height: 42px;
      font-weight: 300;
      margin: 0 0 0 20px;
      letter-spacing: -0.2px;
      text-decoration: none !important; }
      @media screen and (max-width: 1180px) {
        #templates-page-wrapper #templates-content-wrapper .featured__templates--title--contained {
          font-size: 30px;
          line-height: 24px;
          font-weight: 200;
          margin: 30px 0 0px 0px; } }
    #templates-page-wrapper #templates-content-wrapper .featured__templates--title--big {
      font-size: 72px;
      line-height: 60px;
      font-weight: 200;
      margin: -200px 0 50px 580px;
      letter-spacing: -0.2px; }
      @media screen and (max-width: 1180px) {
        #templates-page-wrapper #templates-content-wrapper .featured__templates--title--big {
          font-size: 36px;
          line-height: 36px;
          font-weight: 300;
          margin: -500px 0 50px 0px; } }
      @media screen and (max-width: 900px) {
        #templates-page-wrapper #templates-content-wrapper .featured__templates--title--big {
          margin: -450px 0 0px -250px; } }
      @media screen and (max-width: 620px) {
        #templates-page-wrapper #templates-content-wrapper .featured__templates--title--big {
          margin: -900px 0 0px 0px; } }
      @media screen and (max-width: 570px) {
        #templates-page-wrapper #templates-content-wrapper .featured__templates--title--big {
          margin: -1350px 0 0px 0px; } }
    #templates-page-wrapper #templates-content-wrapper .featured__templates__interactive {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      text-align: left;
      box-sizing: border-box; }
      @media screen and (max-width: 1180px) {
        #templates-page-wrapper #templates-content-wrapper .featured__templates__interactive {
          margin-top: 60px; } }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-top-interactive {
      height: 270px;
      width: 200px;
      padding: 15px;
      margin-top: 60px;
      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
      text-decoration: none; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-interactive {
      margin-left: 30px; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext-box {
      font-size: 16px;
      font-weight: 400;
      margin-top: -10px;
      color: #393939;
      text-decoration: none !important; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext-box:hover {
        opacity: 0.8;
        text-decoration: none !important; }
      @media screen and (max-width: 1180px) {
        #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext-box {
          line-height: 21px;
          margin: 56px 0 0px 0px; } }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-top-full {
      height: 296px;
      padding: 15px;
      margin-bottom: 90px;
      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: space-around;
      margin-bottom: 110px; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__template-top-full:hover {
        opacity: 0.8;
        text-decoration: none !important; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext-full {
      font-size: 16px;
      height: 35px;
      color: #393939;
      text-decoration: none !important;
      margin-top: 40px;
      margin-bottom: 50px;
      position: relative; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext-full:hover {
        opacity: 0.8;
        text-decoration: none !important; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext-bold-full {
      font-weight: 600;
      font-size: 16px;
      color: #393939;
      text-decoration: none !important;
      margin-top: 40px;
      position: relative; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__template-subtext-bold-full:hover {
        opacity: 0.8;
        text-decoration: none !important; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__groups-subtext-full {
      font-size: 16px;
      color: #393939;
      text-decoration: none !important;
      margin-top: 0px;
      margin-bottom: 50px;
      position: relative; }
      #templates-page-wrapper #templates-content-wrapper .no-articles__groups-subtext-full:hover {
        opacity: 0.8;
        text-decoration: none !important; }
    #templates-page-wrapper #templates-content-wrapper .no-articles__template-pic-full {
      width: 220px;
      height: 296px;
      margin-top: 0px; }
    #templates-page-wrapper #templates-content-wrapper .featured__footer-container {
      max-width: 520px;
      margin: auto;
      text-align: center; }
    #templates-page-wrapper #templates-content-wrapper .featured__footer-title {
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.2px;
      font-weight: 200; }
    #templates-page-wrapper #templates-content-wrapper .featured__footer-subtitle {
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.2px;
      font-weight: 500; }
    #templates-page-wrapper #templates-content-wrapper .featured__footer-button {
      background-color: #393939;
      color: white !important;
      width: 120px;
      padding: 8px;
      padding-left: 20px;
      padding-right: 20px;
      border-radius: 30px;
      font-weight: bold;
      margin: auto;
      text-decoration: none; }
    #templates-page-wrapper #templates-content-wrapper .featured__footer-button-spacing {
      margin-top: 50px;
      margin-bottom: 50px; }
    #templates-page-wrapper #templates-content-wrapper .featured__footer-button a {
      text-decoration: none;
      color: white !important; }
    #templates-page-wrapper #templates-content-wrapper .featured__footer-body {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 100px; }
    @media screen and (max-width: 1180px) {
      #templates-page-wrapper #templates-content-wrapper .d3hide {
        display: none; } }
    @media screen and (min-width: 1180px) {
      #templates-page-wrapper #templates-content-wrapper .d3show {
        display: none; } }

/* autocomplete */
.autocomplete-suggestions {
  width: 670px !important;
  margin-left: -54px;
  position: relative; }

.autocomplete-suggestion {
  font-size: 16px;
  padding-left: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .autocomplete-suggestion:hover {
    background: rgba(119, 119, 119, 0.15); }

.aumodal {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.aumodal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding: 40px 40px 0 40px; }

.aumodal__title {
  margin: 0;
  font-size: 24px;
  color: #202020; }

.aumodal__text {
  font-size: 14px; }

.aumodal__heading {
  font-size: 20px;
  font-size: 18px;
  margin: 0;
  margin-right: 15px;
  font-weight: 600; }

.aumodal__text {
  font-size: 16px;
  font-size: 14px; }

.aumodal__green {
  color: #30a970 !important;
  font-weight: bold;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none; }
  .aumodal__green:hover {
    opacity: 0.5; }

.aumodal__radio {
  margin-bottom: 20px; }

.aumodal__footer {
  background: rgba(173, 132, 64, 0.1);
  padding: 17px 40px; }

.aumodal__inline-link {
  color: #DAA524; }

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

.aumodal__flex-container {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.aumodal__button--green {
  width: 122px !important;
  height: 38px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #30a970;
  color: #fff !important;
  margin-right: 20px; }
  .aumodal__button--green:hover {
    opacity: 0.5; }

.aumodal__button--white {
  width: 122px !important;
  height: 38px !important;
  border-radius: 100px;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: #fff;
  color: #30a970;
  border: 1px solid #30a970; }
  .aumodal__button--white:hover {
    opacity: 0.5; }

.aumodal__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

#invite-members-modal {
  padding: 40px;
  width: 500px;
  text-align: left; }
  #invite-members-modal #invite-members-form {
    min-height: 250px; }
  #invite-members-modal #email-inputs-container {
    height: 230px;
    overflow-y: scroll; }
  #invite-members-modal #add-more-button {
    margin-top: 5px;
    cursor: pointer; }
  #invite-members-modal #buttons-container {
    display: flex;
    margin-top: 10px; }
    #invite-members-modal #buttons-container #invite-members-submit, #invite-members-modal #buttons-container #invite-members-cancel {
      border-radius: 100px;
      margin-top: 15px;
      width: 150px;
      height: 30px;
      font-weight: 600;
      text-align: center;
      font-size: 11px; }
    #invite-members-modal #buttons-container #invite-members-submit {
      color: white;
      background-color: #30a970;
      border: none; }
    #invite-members-modal #buttons-container #invite-members-cancel {
      border: 1px solid black;
      background-color: white;
      margin-left: 8px;
      opacity: 0.3; }
  #invite-members-modal label {
    font-weight: bold;
    cursor: default; }

#flame-signup-container {
  font-family: "Source Sans Pro", sans-serif;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex-direction: row; }
  #flame-signup-container .flame-challenge-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 100%; }
    #flame-signup-container .flame-challenge-banner img {
      width: 100%; }
  #flame-signup-container .flame-signup-form {
    display: flex;
    flex-direction: column;
    flex: 0 0px; }
    #flame-signup-container .flame-signup-form input:not(.flame-signup-button) {
      border-radius: 0px;
      height: 30px;
      padding-left: 10px; }
  #flame-signup-container #flame-signup-info {
    max-width: 60%;
    flex: 2 0px; }
  #flame-signup-container .flame-test {
    flex: 2 0px; }
  #flame-signup-container #flame-info-head {
    font-weight: 700; }
    #flame-signup-container #flame-info-head span {
      font-size: 20px;
      font-weight: 400; }
  #flame-signup-container .signup__label {
    font-weight: 500; }
  #flame-signup-container .signup-button-row {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px; }
  #flame-signup-container .flame-signup-button {
    background: #30a970;
    color: #fff;
    border-radius: 20px;
    width: 150px;
    font-weight: 300; }
    #flame-signup-container .flame-signup-button:hover {
      background: rgba(48, 169, 112, 0.9); }
  #flame-signup-container a.signup__swap--link {
    color: #30a970;
    padding-left: 3px; }
  #flame-signup-container a.signup__terms-link {
    color: black; }
  #flame-signup-container .login-terms-container {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    #flame-signup-container .login-terms-container p {
      display: normal; }
  #flame-signup-container #sponsors-logos-wrapper {
    display: flex;
    justify-content: left; }
    #flame-signup-container #sponsors-logos-wrapper img {
      max-height: 100px; }
    #flame-signup-container #sponsors-logos-wrapper .acs-logo {
      margin-left: 20px; }
  #flame-signup-container #our-sponsors-head {
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 20px; }
  #flame-signup-container .info-head-teacher {
    color: #990000; }
  #flame-signup-container a.flame-info-link {
    color: #990000;
    font-weight: 600; }
  #flame-signup-container #flame-for-label {
    font-weight: 600;
    font-size: 20px; }
  #flame-signup-container #flame-description-paragraph {
    font-size: 15px;
    line-height: 1.5;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300; }
  #flame-signup-container #teacher-form-columns-wrapper {
    display: flex; }
  @media all and (max-width: 500px) {
    #flame-signup-container #teacher-form-columns-wrapper {
      flex-direction: column; }
    #flame-signup-container .flame-signup-form {
      flex: 1 90%; }
      #flame-signup-container .flame-signup-form input {
        width: 90%;
        border-radius: 0px;
        height: 30px;
        padding-left: 0px; } }
  #flame-signup-container .teacher-form-column-1 {
    margin-right: 20px; }
  #flame-signup-container .teacher-form-column-2 {
    margin-right: 20px; }

#user-profile .flame.toggle-options {
  width: 500px; }

.flame-admin .selected {
  background: #DDDDDD; }
.flame-admin .flame-view {
  display: flex; }
.flame-admin .full-width {
  width: 100%; }
.flame-admin table {
  border: 1px solid #EEE;
  border-collapse: collapse;
  margin: 10px; }
.flame-admin td {
  padding: 2px 10px;
  max-width: 300px; }
.flame-admin tr:nth-child(even) {
  background: #EEE; }
.flame-admin tr:nth-child(odd) {
  background: #FFF; }
.flame-admin tr.selected {
  background: #DDDDDD; }

#flame-open-review-modal-btn {
  display: inline-block;
  background-color: #30a970;
  border-radius: 5px;
  cursor: pointer;
  width: 200px;
  margin: 50px 50px;
  padding: 5px;
  text-align: center;
  color: white;
  font-weight: 600; }

.flame-submission-btn {
  margin: 0px 0px 50px 0px;
  background-color: #30a970;
  border-radius: 5px;
  cursor: pointer;
  width: 400px;
  padding: 5px;
  text-align: center;
  color: white;
  font-weight: 600; }

.flame-screener-btn-reject {
  background-color: #CD4B5B;
  margin: 0px 0px 0px 0px;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  color: white;
  font-weight: 600;
  width: 50%; }

.flame-screener-reject-reason {
  width: 50%;
  height: 10%; }

.flame-screener-btn-accept {
  margin: 0px 0px 50px 0px;
  background-color: #30a970;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  color: white;
  font-weight: 600;
  width: 50%; }

.flame-screener-btn-thank-you {
  margin: 0px 0px 50px 0px;
  background-color: #30a970;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  color: white;
  font-weight: 600;
  width: 50%; }

#flame-branding-header {
  display: flex;
  background-color: #bebebe;
  align-items: center;
  justify-content: center; }

#flame-branding {
  width: 25%; }

#flame-branding-spacer {
  width: 20%;
  padding: 10px 10px; }

#flame-branding-supplement {
  width: 15%;
  padding: 10px 10px; }

.flame-copy-student-link {
  display: inline-block;
  background-color: #30a970;
  border-radius: 5px;
  cursor: pointer;
  width: 200px;
  padding: 5px;
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 20px; }

.thumbnail {
  height: 260px; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .embed-container iframe, .embed-container object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

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

.pager {
  font-size: 14px;
  background-color: #F5F5F5;
  font-weight: lighter;
  border-top: 1px solid #CACACA;
  padding-top: 5px;
  padding-bottom: 5px; }

.editor-hr {
  margin: 5px 0 10px 0; }

.csv {
  list-style: none;
  margin: 0;
  padding: 0; }
  .csv li {
    display: inline; }
    .csv li:after {
      content: ","; }
    .csv li:last-child:after {
      content: ""; }

/* Round corners */
.round {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  margin: 0 0 0 25px; }

.figure-button {
  cursor: pointer; }

.selected .small-dropdown-label {
  color: #ffffff;
  text-shadow: none;
  font-weight: bold; }

.small-dropdown-label {
  color: #000;
  font-size: 10px; }
  .small-dropdown-label:hover {
    text-decoration: none; }

.accordion {
  margin-bottom: 10px; }

.accordion-group {
  margin-bottom: 2px;
  border: 0px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.accordion-inner {
  padding: 0px 15px;
  border-top: 0px solid #e5e5e5; }

.rule {
  clear: both;
  margin: 15px 0;
  height: 0px;
  overflow: hidden;
  border: none;
  background: transparent;
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding: 0 10px;
  margin-left: -10px; }

.current-sort {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 14px;
  white-space: nowrap;
  vertical-align: baseline; }

.typeahead.dropdown-menu {
  z-index: 1051; }

.icon-gray:before {
  color: #000000; }

.intern-thumb-li {
  min-width: 85px;
  max-width: 200px; }
  .intern-thumb-li .thumbnail {
    height: 190px; }

.contact-thumb-li {
  min-width: 85px;
  max-width: 200px; }
  .contact-thumb-li .thumbnail {
    height: 270px; }

.fellow-thumb-li {
  min-width: 85px;
  max-width: 150px; }

.fellow-thumb {
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .fellow-thumb address {
    font-size: 12px;
    line-height: 16px; }

.fellow-description {
  text-align: left;
  font-size: 14px;
  line-height: 17px; }

.thumbnail {
  height: 260px; }

.premium-badge {
  font-weight: bold;
  color: #009bec; }

.nav-centered > .nav-tabs > li, .nav-centered > .nav-pills > li {
  float: none;
  display: inline-block;
  *display: inline;
  /* ie7 fix */
  zoom: 1;
  /* hasLayout ie7 trigger */ }

.nav-centered > .nav-tabs, .nav-centered > .nav-pills {
  text-align: center; }

.tabbable > .nav-tabs > .active {
  font-weight: bold; }

.well-small-blue {
  padding: 19px;
  margin: 10px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #F4FAFD;
  border: 1px solid rgba(23, 97, 255, 0.09); }

.well-small-transparent {
  padding: 12px;
  margin: 0px 40px 0px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 28px;
  margin-bottom: 40px;
  max-width: 700px; }

.img-help-templates {
  max-width: 500px;
  padding-right: 15px; }

.img-partner-badge {
  max-width: 100px;
  padding: 10px; }

.figure-caption {
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 1em;
  font-weight: lighter;
  line-height: 1.4em;
  color: #444; }

.smalllabel {
  padding: 1px 3px 1px 3px;
  border-radius: 3px 3px 3px 3px; }

.smalllabel, .badge {
  font-size: 8.844px;
  line-height: 10px;
  color: white;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: rgba(185, 74, 72, 0.8); }

.nav-list > .active > a, .nav-list > .active > a:hover {
  text-shadow: none; }

#inline-list li {
  display: inline;
  margin: 0;
  padding: 0; }

.inline-list {
  margin: 0 0 1em 0; }
  .inline-list li {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: middle; }
    .inline-list li a {
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      text-decoration: none;
      cursor: pointer;
      color: #333; }
      .inline-list li a:hover {
        color: gray; }
  .inline-list .list-add-icon {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    padding-left: 0.4em;
    cursor: pointer;
    vertical-align: middle; }
    .inline-list .list-add-icon:hover {
      color: #03a510; }

.hero-unit {
  font-size: 15px; }

.hero-unit-light {
  max-width: 700px;
  text-align: left;
  padding: 60px;
  margin-bottom: 30px;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .hero-unit-light h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1.3;
    color: inherit;
    letter-spacing: -1px; }
  .hero-unit-light p {
    font-size: 12px;
    font-weight: 90;
    line-height: 1.2;
    color: #696969; }

.hero-unit-signup {
  max-width: 700px;
  background-color: #eeeeee;
  webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  max-width: 250px;
  text-align: left;
  padding: 40px; }

.hero-unit-signup-horizontal {
  max-width: 200px;
  background-color: #eeeeee;
  webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px; }

.hero-unit-white {
  background-color: transparent;
  padding: 10px; }

.hiring {
  font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif;
  font-weight: 200;
  line-height: 1.5;
  color: #444;
  font-size: 22px;
  width: auto !important; }

.img-hiring {
  width: 60px; }

.img-fellows {
  width: 120px;
  margin: 8px; }

.img-press {
  margin: 10px; }

.hero-unit-hiring li {
  line-height: 23px; }

.hero-unit-hiring {
  line-height: 25px;
  padding: 30px 100px 50px 100px; }

.separator-with-text {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .separator-with-text div {
    -webkit-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -ms-flex-positive: 3;
    margin-top: 9px;
    display: inline-block;
    height: 1px;
    background: #e8e8e8;
    width: 25px; }
  .separator-with-text span {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    color: gray; }

.history ins {
  text-decoration: none;
  background-color: #DEFFDD; }
.history del {
  text-decoration: none;
  background-color: #FCE0DD; }

.uppercase-label {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-size: 11px; }

.progress-logo {
  margin: auto;
  height: auto;
  width: 100%;
  text-align: center;
  overflow: hidden; }
  .progress-logo .export-article-logo {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: grey; }
  .progress-logo p {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    font-weight: bold; }
  .progress-logo .logo-caption {
    margin-top: -3em; }
  .progress-logo img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-name: hvr-buzz-out;
    -moz-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 80px;
    height: 80px;
    margin: 4em 0;
    margin-left: -0.8em;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -moz-osx-font-smoothing: grayscale; }
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(1px) rotate(0); }
  80% {
    -webkit-transform: translateX(-1px) rotate(0); }
  90% {
    -webkit-transform: translateX(-1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0); } }
@-moz-keyframes hvr-buzz-out {
  10% {
    -moz-transform: translateX(3px) rotate(2deg); }
  20% {
    -moz-transform: translateX(-3px) rotate(-2deg); }
  30% {
    -moz-transform: translateX(3px) rotate(2deg); }
  40% {
    -moz-transform: translateX(-3px) rotate(-2deg); }
  50% {
    -moz-transform: translateX(2px) rotate(1deg); }
  60% {
    -moz-transform: translateX(-2px) rotate(-1deg); }
  70% {
    -moz-transform: translateX(1px) rotate(0); }
  80% {
    -moz-transform: translateX(-1px) rotate(0); }
  90% {
    -moz-transform: translateX(-1px) rotate(0); }
  100% {
    -moz-transform: translateX(-1px) rotate(0); } }
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    -moz-transform: translateX(3px) rotate(2deg);
    -ms-transform: translateX(3px) rotate(2deg);
    -o-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    -moz-transform: translateX(-3px) rotate(-2deg);
    -ms-transform: translateX(-3px) rotate(-2deg);
    -o-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    -moz-transform: translateX(3px) rotate(2deg);
    -ms-transform: translateX(3px) rotate(2deg);
    -o-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    -moz-transform: translateX(-3px) rotate(-2deg);
    -ms-transform: translateX(-3px) rotate(-2deg);
    -o-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    -moz-transform: translateX(2px) rotate(1deg);
    -ms-transform: translateX(2px) rotate(1deg);
    -o-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    -moz-transform: translateX(-2px) rotate(-1deg);
    -ms-transform: translateX(-2px) rotate(-1deg);
    -o-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(1px) rotate(0);
    -moz-transform: translateX(1px) rotate(0);
    -ms-transform: translateX(1px) rotate(0);
    -o-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  80% {
    -webkit-transform: translateX(-1px) rotate(0);
    -moz-transform: translateX(-1px) rotate(0);
    -ms-transform: translateX(-1px) rotate(0);
    -o-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); }
  90% {
    -webkit-transform: translateX(-1px) rotate(0);
    -moz-transform: translateX(-1px) rotate(0);
    -ms-transform: translateX(-1px) rotate(0);
    -o-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    -moz-transform: translateX(-1px) rotate(0);
    -ms-transform: translateX(-1px) rotate(0);
    -o-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
#export-article-progressbar-pdf-ready .btn-download-export, #export-article-progressbar-word-ready .btn-download-export {
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  background: #30a970;
  color: #fff;
  margin-top: 20px;
  width: 200px;
  font-weight: 600; }
  #export-article-progressbar-pdf-ready .btn-download-export:hover, #export-article-progressbar-word-ready .btn-download-export:hover {
    background: rgba(48, 169, 112, 0.9); }

#export-article-progressbar-fatal .btn-danger {
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: #e74c3c;
  margin-top: 20px;
  width: 200px;
  font-weight: 600; }

#submit-article-progressbar * {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
#submit-article-progressbar #submit-article-progressbar-message-details {
  color: #e74c3c; }
#submit-article-progressbar #submit-article-progressbar-details-button {
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  background: #30a970;
  color: #fff;
  cursor: pointer;
  width: 113px;
  height: 27px; }
  #submit-article-progressbar #submit-article-progressbar-details-button:hover {
    background: rgba(48, 169, 112, 0.9); }

.new-password-button input {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #30a970;
  border-radius: 100px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  height: 35px;
  width: 150px;
  margin-top: 20px; }

.new-password-div {
  width: 100%; }
  .new-password-div * {
    font-family: "Source Sans Pro", sans-serif; }
  .new-password-div input {
    border-radius: 0; }

.file-data-container {
  cursor: pointer; }

.hide-element {
  visibility: hidden !important;
  display: hidden; }

.none-element {
  display: none !important; }

.input-danger {
  border-color: #EBCCD1; }

.heading-danger {
  color: #BD362F; }

.errors-see-details {
  margin-left: auto;
  margin-right: auto;
  color: #999;
  text-align: center; }
  .errors-see-details:link {
    color: #999;
    text-decoration: none; }
  .errors-see-details:visited {
    color: #999;
    text-decoration: none; }
  .errors-see-details:hover {
    color: #000;
    text-decoration: none; }
  .errors-see-details:active {
    color: #999;
    text-decoration: none; }

.muted-lighter {
  color: #999999;
  font-weight: lighter;
  font-family: Helvetica, Arial, sans-serif; }

.muted-smaller {
  font-size: 12px; }

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 70px 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  border: 0; }

.signed-out-only {
  display: none; }

.awaiting-activation-only {
  display: none; }

.input-activated {
  border: 1px solid #006DCC;
  border-radius: 4px; }

.transparent {
  opacity: 0; }

.pointer {
  cursor: pointer; }

.cursor {
  cursor: default; }

#onboarding-tips-container {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  border: 1px solid black;
  background-color: white;
  z-index: 1;
  top: -56px;
  right: 52px;
  width: 500px;
  padding: 42px 45px 60px 45px;
  box-sizing: border-box; }

.tips-main-img {
  margin: 30px 0;
  height: 77px; }

.onboarding-tips-top-label {
  font-weight: 600;
  font-size: 14px; }

.onboarding-tips-title {
  font-size: 40px;
  font-weight: 200;
  margin: 31px -1px; }

.onboarding-tips-bodytext {
  font-size: 16px;
  line-height: 30px;
  height: 204px; }

.onboarding-tips-controls {
  color: #ad8440;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.onboarding-tips-prev,
.onboarding-tips-next {
  -webkit-transition: all 0.2s;
  cursor: pointer;
  text-decoration: none; }
  .onboarding-tips-prev:hover,
  .onboarding-tips-next:hover {
    opacity: 0.5; }

.tip-inline-img {
  margin: 0;
  margin-left: 5px;
  margin-right: 3px; }

.tip-inline-img.padding-bottom {
  padding-bottom: 6px; }

.the-onboarding-indicator {
  position: relative;
  height: 16px;
  width: 16px;
  background: #30A970;
  border-radius: 50%;
  z-index: 100; }
  .the-onboarding-indicator:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #0b854a;
    animation: pulse 2s infinite;
    transform-origin: center center; }

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  25% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(4.5);
    opacity: 0; } }
.onboarding-indicator-cite, .onboarding-indicator-figure {
  position: absolute;
  top: 25px;
  right: -2px;
  z-index: 700; }

.onboarding-indicator-figure {
  top: 24px; }

.onboarding-indicator-typing {
  position: absolute;
  left: 8px;
  margin-top: 4px; }

.onboarding-indicator-tooltip {
  display: none;
  position: absolute;
  width: 300px;
  left: -50px;
  top: 50px;
  box-shadow: 0 0 30px #e7e8e7;
  background-color: white;
  font-size: 14px;
  padding: 20px;
  line-height: 25px;
  z-index: 200;
  border-radius: 10px;
  cursor: default; }
  .onboarding-indicator-tooltip .onboarding-indicator-tooltip-title {
    font-weight: bold;
    font-size: 16px; }
  .onboarding-indicator-tooltip .green-got-onboarding-icon {
    width: 16px;
    padding-bottom: 7px;
    margin-left: 10px; }
  .onboarding-indicator-tooltip .onboarding-indicator-tooltip-text {
    white-space: normal; }

.onboarding-indicator-container:hover .onboarding-indicator-tooltip {
  display: block; }

.onboarding-indicator-container {
  cursor: pointer; }

.display-column {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }

#references {
  font-family: "Source Sans Pro", sans-serif; }
  #references li {
    font-size: 15px;
    font-weight: normal; }
    #references li p {
      display: inline; }
      #references li p a {
        color: #09c; }

#references .list-wrapper {
  margin: 19px 0; }
#references h1 {
  font-size: 23px;
  font-weight: bold;
  display: inline-block; }
#references ul {
  list-style-type: none;
  margin: 0; }
  #references ul li {
    display: inline; }
    #references ul li a {
      font-weight: bold; }
#references .ref-dropdown-btn {
  font-size: 14px;
  color: #393939;
  position: relative;
  align-items: left;
  -webkit-align-items: left;
  display: flex;
  display: -webkit-flex;
  display: inline-block;
  float: right;
  margin: 10px; }
  #references .ref-dropdown-btn .dropdown-toggle {
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 14px;
    color: #393939;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    height: 37px;
    text-transform: capitalize;
    font-size: 14px;
    border-radius: 3px; }
    #references .ref-dropdown-btn .dropdown-toggle:hover {
      background: #f0f0f0; }
    #references .ref-dropdown-btn .dropdown-toggle i {
      position: absolute;
      right: -10px;
      color: #777777; }
  #references .ref-dropdown-btn .dropdown-menu {
    padding: 0;
    width: 202px;
    border-radius: 0px;
    border: none; }
    #references .ref-dropdown-btn .dropdown-menu .btn {
      justify-content: flex-start;
      position: relative;
      background: white;
      height: 30px;
      display: block;
      text-align: left;
      border-radius: 0px;
      border: 1px solid #e7e8e7; }
      #references .ref-dropdown-btn .dropdown-menu .btn:hover:not(.webview-messsge) {
        background: #f0f0f0; }
      #references .ref-dropdown-btn .dropdown-menu .btn img {
        position: absolute;
        right: 12px;
        top: 50%; }
    #references .ref-dropdown-btn .dropdown-menu .selected-sort-order {
      font-weight: 600; }
    #references .ref-dropdown-btn .dropdown-menu .webview-messsge {
      background-color: #fefed7;
      height: 20px;
      font-size: 12px;
      text-align: center;
      font-weight: 300;
      font-style: italic;
      color: rgba(128, 128, 128, 0.78);
      cursor: default; }
#references #references-tooltip-toggler {
  color: #30a970;
  font-size: 16px;
  width: 24px;
  font-weight: bold;
  position: absolute;
  text-align: center;
  border-radius: 12px;
  background: rgba(119, 119, 119, 0.2);
  bottom: 0px; }
#references #references-tooltip {
  display: none;
  position: absolute;
  color: #393939;
  font-size: 13px;
  width: 160px;
  font-weight: normal;
  bottom: 25px;
  left: -80px;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0px 4px 7px #e7e8e7;
  background-color: white;
  text-align: left; }
#references #references-tooltip-toggler-container:hover #references-tooltip {
  display: block; }
#references #references-tooltip-toggler-container {
  display: inline-block;
  width: 24px;
  height: 40px;
  margin-left: 10px;
  position: absolute; }
#references .reference-edit-button {
  cursor: pointer;
  color: #09c;
  font-weight: bold;
  margin-left: 3px;
  font-size: 14px; }

.publish__learn-more {
  color: #30a970;
  text-decoration: none !important; }

#publish-joural-info {
  margin-bottom: 35px; }

#publish-top-copy {
  font-size: 14px; }

.publish__learn-more::hover {
  color: #209960 !important; }

#mint-buttons-wrapper {
  display: flex;
  margin-top: 25px;
  justify-content: space-evenly; }

#publish__authorea-button, #publish__authorea-cancel {
  height: 30px;
  padding: 0px 30px;
  border-radius: 100px;
  font-weight: 600;
  font-size: 11px; }

#publish__authorea-button {
  color: #ffffff;
  background-color: #30a970;
  border: #30a970 1px solid;
  width: 200px; }

#publish__authorea-cancel {
  border: 1px solid #30a970;
  background-color: #ffffff;
  color: #30a970;
  margin-left: 12px;
  width: 150px; }

#publish__search-wrapper {
  margin: 10px 0px 20px 0px;
  background-color: #F3F3F3;
  height: 50px; }

#search__inner-wrapper {
  position: absolute;
  margin: 10px 0px; }

#publish__journal-input {
  background-color: #F3F3F3;
  font-family: "Source Sans Pro";
  border: 0px;
  box-shadow: none;
  color: #777777;
  display: inline-block;
  width: 420px;
  margin-bottom: 0px;
  padding-left: 10px; }

#publish__icon {
  font-size: 20px; }

.autocomplete-suggestions {
  position: absolute; }

.other-journals-form {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif;
  position: relative; }
  .other-journals-form select {
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 40px;
    border-radius: 0px;
    padding-left: 18px;
    width: 335px;
    margin-bottom: 25px; }
  .other-journals-form input[type="text"] {
    width: 321px;
    border-radius: 0px;
    height: 30px; }
  .other-journals-form label {
    font-size: 14px;
    padding-left: 2px;
    margin-bottom: 7px;
    font-weight: 600; }
  .other-journals-form #publish-buttons-wrapper {
    display: flex; }
  .other-journals-form #cancel-publish-button {
    color: #30a970;
    background: white;
    border: 1px solid #30a970;
    width: 100px;
    margin-left: 10px; }
  .other-journals-form #publish__journal-button {
    background: #30a970;
    color: #fff;
    width: 130px; }
    .other-journals-form #publish__journal-button:hover {
      background: rgba(48, 169, 112, 0.9); }
  .other-journals-form #publish__journal-button, .other-journals-form #cancel-publish-button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    height: 32px;
    letter-spacing: 0px;
    font-size: 13px;
    font-weight: bold; }
  .other-journals-form .other-journals-form__select-container {
    position: relative; }
    .other-journals-form .other-journals-form__select-container .green-triangle {
      position: absolute;
      left: 289px;
      top: 11px;
      font-size: 15px;
      color: #30a970;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #30a970;
      position: absolute;
      right: 16px;
      top: 18px; }
  .other-journals-form .dry-run__container {
    display: flex;
    align-items: center; }
    .other-journals-form .dry-run__container label {
      margin-right: 5px;
      margin-top: 5px; }
    .other-journals-form .dry-run__container input[type="checkbox"] {
      margin-bottom: 3px;
      width: 30px;
      height: 30px; }
  .other-journals-form .submission-error {
    display: flex;
    flex-wrap: wrap; }
    .other-journals-form .submission-error #error {
      margin-right: 5px;
      color: #e74c3c; }
    .other-journals-form .submission-error #error-details-button a {
      color: #202020;
      padding: 0;
      padding-bottom: 5px;
      margin-left: 10px;
      text-decoration-color: transparent; }
    .other-journals-form .submission-error #error-details-button i {
      margin-left: 5px; }
  .other-journals-form #error-details {
    color: #e74c3c;
    font-size: 14px;
    width: 100%; }
  .other-journals-form #submission-warnings {
    color: #ad8440;
    margin-bottom: 0px; }
  .other-journals-form #submission-warnings-list {
    color: #ad8440; }

#export-modal {
  min-height: 630px;
  overflow-y: visible;
  width: 800px; }

#exp-dashboard {
  overflow: visible; }
  #exp-dashboard * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #exp-dashboard .positioned-away {
    position: absolute;
    left: -1999px; }
  #exp-dashboard .tab-content {
    margin: 0 auto;
    max-width: 814px;
    overflow: visible; }
  #exp-dashboard .quick-export {
    width: 180px;
    background: white;
    text-align: left;
    border: none;
    padding: 10px; }
  #exp-dashboard .quick-export:hover {
    background-color: #e2e2e2; }
  #exp-dashboard .nav-tabs {
    justify-content: center;
    display: flex; }
  #exp-dashboard #export-modal-dropdown-menu {
    border-radius: 0px; }
  #exp-dashboard .exp-dashboard__title {
    font-size: 28px;
    margin-bottom: 20px; }
    @media screen and (max-width: 837px) {
      #exp-dashboard .exp-dashboard__title {
        text-align: center; } }
  #exp-dashboard .export-search-box {
    flex-wrap: wrap;
    padding: 0;
    margin: 10px 0;
    display: flex;
    justify-content: space-between; }
    #exp-dashboard .export-search-box h5 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-right: 20px;
      width: 130px; }
    #exp-dashboard .export-search-box select {
      margin-right: 5px;
      width: 200px; }
    #exp-dashboard .export-search-box input {
      height: 38px;
      max-width: 306px;
      border-radius: 0px !important;
      margin-bottom: 0;
      box-sizing: border-box;
      height: 42px; }
  #exp-dashboard .citations {
    position: relative;
    width: 100%; }
    #exp-dashboard .citations .citations__title span {
      color: #777777;
      font-weight: normal; }
    #exp-dashboard .citations i {
      position: absolute;
      font-size: 24px;
      top: 20px;
      position: absolute;
      font-size: 24px;
      top: 43px;
      left: 15px; }
    #exp-dashboard .citations input {
      width: 300px;
      margin-bottom: 0;
      margin-right: 22px;
      border-radius: 0px !important;
      height: 34px;
      background: #f3f3f3;
      padding-left: 54px;
      margin-top: 11px; }
    @media screen and (max-width: 837px) {
      #exp-dashboard .citations {
        margin: 30px auto; } }
  #exp-dashboard #customize-export-style-tab {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap; }
    @media screen and (max-width: 837px) {
      #exp-dashboard #customize-export-style-tab {
        justify-content: center; } }
  #exp-dashboard #vendor-export-styles-tab {
    overflow: hidden; }
    #exp-dashboard #vendor-export-styles-tab .image-container {
      background-color: #f2f2f2;
      padding: 20px; }
    #exp-dashboard #vendor-export-styles-tab .export-search-top-row {
      padding: 15px;
      width: 50%; }
    #exp-dashboard #vendor-export-styles-tab #input-export-style-search {
      border-radius: 0px;
      background-color: #f3f3f3;
      border: none;
      margin: 0px;
      width: 100%; }
    #exp-dashboard #vendor-export-styles-tab #export-search-box-container {
      background-color: #f3f3f3;
      display: flex;
      margin-right: 6px;
      border: 1px solid lightgrey;
      margin-top: 40px; }
      #exp-dashboard #vendor-export-styles-tab #export-search-box-container .icon-search {
        padding: 5px; }
  #exp-dashboard .select-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 13px 0;
    width: 300px;
    align-items: center; }
  #exp-dashboard .export__radio-container {
    display: flex;
    align-items: center;
    min-width: 202px;
    margin: 13px 0; }
  #exp-dashboard .vendor-wrapper {
    display: flex;
    flex-wrap: wrap; }
  #exp-dashboard .actions {
    margin-top: 30px; }
    #exp-dashboard .actions #btn-export-options-submit {
      border-radius: 100px;
      width: 180px;
      background: #30a970;
      margin-right: 20px; }
    #exp-dashboard .actions .cancel {
      color: #777777;
      border: 1px solid #777777;
      border-radius: 100px;
      width: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 153px;
      height: 31px; }
  #exp-dashboard .left,
  #exp-dashboard .right {
    width: 375px;
    margin-bottom: 22px; }
  #exp-dashboard .actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid  #e1e1e1;
    padding: 10px; }
    #exp-dashboard .actions #submit-back-container {
      display: flex; }
    #exp-dashboard .actions .export-text {
      color: #30a970;
      cursor: pointer; }
    #exp-dashboard .actions .green-triangle-export {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #30a970;
      position: absolute;
      right: -15px;
      top: 5px; }
  #exp-dashboard .radio__right label {
    width: 49px;
    margin-right: 10px;
    padding-left: 7px; }
  #exp-dashboard .radio__right input {
    margin-left: 5px; }
  #exp-dashboard img {
    max-width: 320px;
    max-height: 370px;
    background-color: white; }
  #exp-dashboard .right h5 {
    margin-right: 20px;
    width: 132px; }
  #exp-dashboard .left {
    width: 374px; }
  #exp-dashboard h5 {
    font-size: 14px;
    margin: 0; }
  #exp-dashboard select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 4px 17px;
    height: 30px;
    padding: 0 0 0 12px;
    font-size: 12px;
    width: 150px;
    margin: 0; }
  #exp-dashboard .green-triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #30a970;
    position: absolute;
    right: 13px;
    top: 13px; }
  #exp-dashboard #article_preference_font_size, #exp-dashboard #article_preference_export_margin {
    width: 100px; }

#onboarding-layout {
  position: relative;
  margin-top: 60px;
  padding-top: 35px;
  font-family: "Source Sans Pro", sans-serif; }
  #onboarding-layout * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #onboarding-layout .blur1,
  #onboarding-layout .blur2 {
    position: absolute;
    z-index: -1; }
  #onboarding-layout .blur1 {
    top: 100px; }
  #onboarding-layout .blur2 {
    top: 400px;
    right: 17px; }
  #onboarding-layout .onboarding__center {
    margin: 0 auto;
    padding: 40px 80px 22px 80px;
    max-width: 600px;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    background: white;
    position: relative; }
  #onboarding-layout .onboarding__title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 200;
    margin-bottom: 20px; }
  #onboarding-layout .onboarding__subtitle {
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 15px; }
  #onboarding-layout .onboarding__man-woman {
    height: 128px;
    margin-top: 10px; }
  #onboarding-layout .onboarding__button {
    display: flex;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    background: #30a970;
    color: #fff;
    margin-top: 30px;
    width: 200px;
    height: 41px;
    text-transform: none;
    font-weight: 600;
    font-size: 16px; }
    #onboarding-layout .onboarding__button:hover {
      background: rgba(48, 169, 112, 0.9); }
  #onboarding-layout .onboarding__button-container {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  #onboarding-layout .onboarding__email-message {
    margin-top: 50px;
    font-size: 11px; }
  #onboarding-layout .onboarding__email {
    color: #3599b8; }
  #onboarding-layout .onboarding__input {
    max-width: 445px;
    height: 43px;
    border-radius: 0px;
    min-width: 300px;
    height: 45px;
    font-size: 16px;
    padding-left: 20px;
    box-sizing: border-box;
    width: 100%; }
  #onboarding-layout .onboarding__label {
    font-size: 16px;
    font-weight: 600;
    margin: 15px auto 15px auto;
    margin: 8px auto 8px auto; }
  #onboarding-layout .onboarding__form-text {
    font-size: 16px;
    color: #777777;
    margin-top: 10px; }
  #onboarding-layout .onboarding__submit {
    width: 240px;
    border: 0; }
  #onboarding-layout .onboarding__skip {
    color: rgba(119, 119, 119, 0.36);
    font-size: 16px;
    text-decoration: none;
    position: absolute;
    top: 26px;
    right: 30px; }
  #onboarding-layout .onboarding__submit-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }

#onboarding-body .autocomplete-suggestions {
  width: 438px;
  position: absolute !important;
  top: 39px;
  left: 10px; }
#onboarding-body .autocomplete-suggestion {
  font-size: 16px;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  #onboarding-body .autocomplete-suggestion a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    color: #30a970; }
  #onboarding-body .autocomplete-suggestion:hover {
    background: rgba(119, 119, 119, 0.36); }
#onboarding-body .onboarding__inst-select {
  max-width: 450px;
  height: 43px;
  border-radius: 0px;
  min-width: 300px;
  height: 45px;
  font-size: 16px;
  padding-left: 20px;
  box-sizing: border-box;
  width: 100%;
  padding-left: 60px;
  background: #f3f3f3;
  border: 0;
  box-shadow: none; }
#onboarding-body .onboarding__inst-select-container {
  position: relative !important; }
  #onboarding-body .onboarding__inst-select-container .icon-search {
    position: absolute;
    font-size: 25px;
    top: 12px;
    font-weight: 200;
    left: 10px; }
#onboarding-body .onboarding__num-insts {
  color: #ad8440;
  font-size: 48px;
  font-weight: 200; }
#onboarding-body .onboarding__num-insts-subtitle {
  font-size: 20px;
  color: #e8e8e8;
  font-size: 20px;
  color: #202020;
  margin-top: 20px;
  width: 211.1px;
  line-height: 26px; }
#onboarding-body .numb-inst-container {
  display: flex;
  align-items: flex-start; }
#onboarding-body .onboarding-inst-pic {
  margin-right: 26px; }
#onboarding-body #preview {
  margin-top: 60px; }
#onboarding-body #inst-preview {
  display: flex;
  justify-content: space-between;
  margin-top: 50px; }
  #onboarding-body #inst-preview #name {
    font-weight: 800;
    font-size: 23px;
    line-height: 28px; }
  #onboarding-body #inst-preview #articles,
  #onboarding-body #inst-preview #authors {
    font-weight: bold; }
  #onboarding-body #inst-preview .inst-info {
    display: flex;
    font-size: 20px;
    align-items: center; }
  #onboarding-body #inst-preview #logo {
    max-height: 120px; }
#onboarding-body .onboarding__your-institution {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px; }
#onboarding-body .onboarding__research-div {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 17px;
  height: 40px;
  width: 50%; }
#onboarding-body .user-gravatar-overlay img {
  border-radius: 100px; }
#onboarding-body img.user-profile-pic {
  border-radius: 100px; }
#onboarding-body .follow_research_form {
  display: flex;
  flex-wrap: wrap; }
  #onboarding-body .follow_research_form #select-all-buttons-wrapper {
    display: flex;
    align-content: flex-start;
    width: 100%; }
  #onboarding-body .follow_research_form #researcher-select-all, #onboarding-body .follow_research_form #researcher-unselect-all {
    border-radius: 13px;
    color: white;
    color: #30a970;
    margin-top: 10px;
    cursor: pointer;
    font-weight: bold; }
  #onboarding-body .follow_research_form #researcher-unselect-all {
    margin-left: 14px; }

.rendered-contents {
  position: relative; }

.figureConfig {
  width: 320px;
  min-height: 300px;
  border: 1px solid #e8e8e8;
  position: absolute;
  background: #fff;
  top: 25px;
  left: -71px;
  z-index: 400;
  padding: 40px;
  box-sizing: border-box;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .figureConfig .figureConfig__top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px; }
  .figureConfig .figureConfig__close-button {
    font-size: 24px;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none; }
    .figureConfig .figureConfig__close-button:hover {
      opacity: 0.5; }
  .figureConfig .figureConfig__title {
    font-size: 24px; }
  .figureConfig .figureConfig__radio-container .table-header-label {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .figureConfig .figureConfig__radio-container .table-header-label span {
      color: #202020;
      font-weight: 600; }
  .figureConfig .figureConfig__radio-container .table-header-toggler {
    margin: 0;
    margin-right: 14px;
    font-size: 24px; }
  .figureConfig .figureConfig__circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 14px; }
  .figureConfig .figureConfig__circle {
    margin: 0 3px;
    background: #f3f3f3;
    border-radius: 100px;
    font-size: 24px;
    color: #393939;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none; }
    .figureConfig .figureConfig__circle:hover {
      opacity: 0.5; }
    .figureConfig .figureConfig__circle p {
      position: absolute;
      top: 14px;
      left: 18px; }
  .figureConfig .figureConfig__circle--m {
    left: 16px !important; }
  .figureConfig .figureConfig__or-container {
    display: flex;
    justify-content: center;
    align-items: center; }
  .figureConfig .customize-size__text,
  .figureConfig .figureConfig__or {
    font-size: 16px;
    color: #393939;
    margin-bottom: 15px; }
  .figureConfig .customize-size__input {
    background: #f3f3f3;
    border: 0;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 28px; }
  .figureConfig .customize-size__submit {
    width: 100px !important;
    height: 30px !important;
    border-radius: 100px;
    font-size: 13px;
    text-decoration: none !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background: #fff;
    color: #30a970;
    border: 1px solid #30a970; }
    .figureConfig .customize-size__submit:hover {
      opacity: 0.5; }
  .figureConfig .table-header-toggler {
    margin-left: 5px; }
  .figureConfig .table-header-label {
    color: #30a970; }
  .figureConfig .max-rows-input,
  .figureConfig .max-cols-input {
    display: block;
    border: 1px solid rgba(119, 119, 119, 0.36);
    height: 30px;
    width: 70px;
    padding: 10px;
    box-sizing: border-box; }
  .figureConfig .max-rows-text,
  .figureConfig .max-cols-text,
  .figureConfig .font-size-text {
    font-size: 14px;
    font-weight: 600; }
  .figureConfig .font-size-container select {
    width: 110px;
    -webkit-appearance: none;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 12px;
    margin: 0; }
  .figureConfig .font-size-container option {
    font-size: 12px; }
  .figureConfig .fig-export-options-submit {
    width: 100px !important;
    height: 30px !important;
    border-radius: 100px;
    font-size: 13px;
    text-decoration: none !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background: #30a970;
    color: #fff !important; }
    .figureConfig .fig-export-options-submit:hover {
      opacity: 0.5; }
  .figureConfig .fig-export-options-container {
    margin-bottom: 20px; }
  .figureConfig .export-options-header {
    font-weight: 600;
    font-size: 16px;
    display: flex; }
  .figureConfig .figureConfig__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 14px 0;
    position: relative; }
  .figureConfig .export-options-head {
    font-weight: bold;
    font-size: 15px; }
  .figureConfig .export-width-row {
    font-weight: bold; }
  .figureConfig .export-dividing-line-top, .figureConfig .export-dividing-line-bottom {
    display: flex;
    height: 1px;
    background-color: #dedede; }
  .figureConfig .export-dividing-line-top {
    margin-top: 5px;
    margin-bottom: 30px; }
  .figureConfig .export-dividing-line-bottom {
    margin-bottom: 20px;
    margin-top: 30px; }
  .figureConfig .export-width-row > input {
    width: 60px;
    padding-left: 5px;
    margin-bottom: 5px; }
  .figureConfig .fig-export-options {
    display: flex;
    flex-flow: row; }
  .figureConfig .figureConfig__multicolm-export-row {
    display: flex; }
    .figureConfig .figureConfig__multicolm-export-row span {
      font-weight: bold;
      margin-left: 8px; }
  .figureConfig .figureConfig__row--center {
    justify-content: center; }
  .figureConfig .arrow-down {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777777;
    position: absolute;
    position: absolute;
    right: 5px;
    top: 13px; }
  .figureConfig .figureConfig__attach-container {
    font-size: 12px;
    color: #30a970;
    font-family: "Source Sans Pro", sans-serif;
    margin-top: 10px;
    margin-bottom: 30px; }
  .figureConfig .figureConfig__attach {
    font-size: 12px;
    color: #30a970;
    font-weight: 600;
    display: flex;
    cursor: pointer;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none; }
    .figureConfig .figureConfig__attach:hover {
      opacity: 0.5; }
  .figureConfig hr {
    margin: 30px 0; }
  .figureConfig .figureConfig__delete,
  .figureConfig .figureConfig__replace {
    color: #e74c3c;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none; }
    .figureConfig .figureConfig__delete:hover,
    .figureConfig .figureConfig__replace:hover {
      opacity: 0.5; }

.figure__info {
  position: absolute;
  top: 0px;
  left: 0; }
  .figure__info a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 15px;
    color: #777777;
    text-decoration: none; }
    .figure__info a:hover {
      opacity: 0.5; }

.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0; }

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer; }

.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0; }

.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default; }

.react-tabs__tab:focus {
  box-shadow: 0 0 5px #0188fe;
  border-color: #0188fe;
  outline: none; }

.react-tabs__tab:focus:after {
  content: "";
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff; }

.react-tabs__tab-panel {
  display: none; }

.react-tabs__tab-panel--selected {
  display: block; }
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../assets/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../assets/close.png);}
#sb-nav-next{background-image:url(../assets/next.png);}
#sb-nav-previous{background-image:url(../assets/previous.png);}
#sb-nav-play{background-image:url(../assets/play.png);}
#sb-nav-pause{background-image:url(../assets/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
@charset 'UTF-8';/*
* jQuery File Upload UI Plugin CSS 5.0.6
* https://github.com/blueimp/jQuery-File-Upload
*
* Copyright 2010,Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:* http://creativecommons.org/licenses/MIT/
*/
.fileupload-buttonbar .ui-button input{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	border:solid transparent;
	border-width:0 0 100px 200px;
	opacity:0;filter:alpha(opacity=0);
	/*-o-transform:translate(250px,-50px) scale(1);*/
	/*-moz-transform:translate(-30px,0) scale(1);*/
	/*direction:ltr;cursor:pointer;*/
}
.fileinput-button{overflow:hidden;}
.fileupload-buttonbar{padding:0.2em 0.4em;}
.fileupload-buttonbar .ui-button{vertical-align:middle;}
.fileupload-content{padding:0.2em 0.4em;border-top-width:0;}
.fileupload-content .ui-progressbar{width:200px;height:20px;}
.fileupload-content .ui-progressbar-value{background:url(../assets/pbar-ani.gif);}
.fileupload-content .fileupload-progressbar{width:400px;margin:10px 0;}
.files{margin:10px 0;border-collapse:collapse;}
.files td{padding:5px;border-spacing:5px;}
.files img{border:none;}
.files .name{padding:0 10px;}
.files .size{padding:0 10px 0 0;text-align:right;white-space:nowrap;}
.ui-state-disabled .ui-state-disabled{opacity:1;filter:alpha(opacity=100);}
.ui-state-disabled input{cursor:default;}