/* LESS FILE: uxframework-flow/brand-colors.less */
/* LESS FILE: uxframework-flow/variables.less */
.bg-orange-light {
  background-color: #f1b54a;
  color: white;
}
.bg-orange {
  background-color: #e16b35;
  color: white;
}
.bg-orange-dark {
  background-color: #a65329;
  color: white;
}
.bg-olive-light {
  background-color: #bcc83e;
  color: white;
}
.bg-olive {
  background-color: #969b2f;
  color: white;
}
.bg-olive-dark {
  background-color: #7e7f26;
  color: white;
}
.bg-purple-light {
  background-color: #9386b2;
  color: white;
}
.bg-purple {
  background-color: #716199;
  color: white;
}
.bg-purple-dark {
  background-color: #42296b;
  color: white;
}
.bg-teal-light {
  background-color: #63bdad;
  color: white;
}
.bg-teal {
  background-color: #009783;
  color: white;
}
.bg-teal-dark {
  background-color: #008371;
  color: white;
}
.bg-blue-light {
  background-color: #75c7e4;
  color: white;
}
.bg-blue {
  background-color: #0693c4;
  color: white;
}
.bg-blue-dark {
  background-color: #04649f;
  color: white;
}
.bg-logo-red {
  background-color: #cd263d;
  color: white;
}
.bg-logo-gray-light {
  background-color: #e2e4e4;
  color: #868888;
}
.bg-logo-gray {
  background-color: #868888;
  color: white;
}
.bg-logo-gray-dark {
  background-color: #404141;
  color: white;
}
.sidebar-menu-item-border-bottom {
  border-bottom: 1px solid #dad9d6;
}
p > small,
p.small,
p > .small {
  font-size: 12px;
}
.lighter {
  color: #494c50;
}
.even-lighter {
  color: #767676;
}
.lightest {
  color: #afb2b6;
}
.caption {
  font-size: 12px;
  color: #767676;
  font-weight: 300;
  line-height: inherit;
}
.well {
  color: #666;
}
.well strong {
  font-weight: 600;
  color: #333;
}
/* LESS FILE: marketing-style.less */
body,
html {
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  min-width: 320px;
  height: 100%;
  min-height: 100%;
}
.row p > a.dark {
  color: lightblue;
}
.form-group .help-block.error-text {
  color: red;
  background: #ffffcc;
  line-height: 1.7em;
  border: 1px solid lightgrey;
  border-radius: 3px;
  padding: 5px;
}
.marketing-btn {
  background: #0e7bba;
  padding: 13px;
  font-weight: bold;
}
.marketing-btn:focus-within {
  background-color: #0e7bba;
  text-decoration: none;
  outline: 2px solid #fff;
  outline-offset: -5px;
}
.marketing-btn .sign-up-sso {
  margin-bottom: 30px;
}
.sign-up-sso {
  margin-bottom: 30px;
}
.copy .row.bg-blue h1 {
  color: white;
}
.copy .row h1 {
  font-family: 'aleoregular', serif;
  color: #0e7bba;
  margin-bottom: 0;
}
.copy .row p {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  line-height: 24px;
}
.copy .row ul {
  padding-left: 20px;
}
.copy .row ul li {
  margin-bottom: 10px;
}
.copy .mkt-icon {
  color: #0e7bba;
  font-size: 50px;
}
.copy .row .img-right {
  padding-right: 40%;
}
.copy .row .img-right .placeholder {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 40%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.copy .row .img-left {
  padding-left: 40%;
}
.copy .row .img-left .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 40%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.row.copy.gdpr {
  padding: 30px 0 80px;
  margin-bottom: 0;
}
.manage-research {
  background-image: url(/public/img/marketing/manage-research.png);
}
.collect-import {
  background-image: url(/public/img/marketing/collect-import.png);
}
.share-collaborate {
  background-image: url(/public/img/marketing/share-collaborate.png);
}
.write-cite {
  background-image: url(/public/img/marketing/export-cite.png);
}
.take-control {
  background-image: url(/public/img/marketing/take-control.png);
}
.superior-experience {
  background-image: url(/public/img/marketing/superior-experience.png);
}
.time-money {
  background-image: url(/public/img/marketing/time-money.png);
}
.proquest-logo {
  width: 80px;
  height: 21px;
  display: inline-block;
  background: url(/public/img/pq-logo.svg) no-repeat;
  background-size: 80px 21px;
  overflow: hidden;
  margin-bottom: -4px;
}
.learn {
  padding-bottom: 0 !important;
  padding-right: 0;
  margin-top: 0 !important;
}
#login-vert-align-container {
  margin-right: 0;
  padding-top: 15vh;
}
#login-vert-align-container:focus,
#login-vert-align-container:focus-visible {
  box-shadow: inset 0 0 0 1px #0066CC !important;
  outline: none;
}
#login-vert-align-container:has(#signup-choose-password) {
  padding-bottom: 5vh;
}
#skipToContent {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skipToContent:focus,
#skipToContent:focus-visible,
#skipToContent:active {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 203px;
  height: 40px;
  min-width: 203px;
  padding: 2px;
  gap: 10px;
  color: #0066CC;
  text-decoration: none;
  background-color: white;
  border: 3px solid #0066CC;
  box-shadow: 0 0 0 3px #FFFFFF;
  outline: none !important;
}
#login_vert_align {
  color: #0e7bba;
  padding: 20px 40px;
  background: #FFF;
  width: 480px;
  margin: 20px auto;
}
#login_vert_align hr {
  border-top: 1px solid #cccccc;
}
#login_vert_align a.forgot {
  color: #767676;
}
#login_vert_align a:focus {
  outline: none;
}
#login_vert_align label.password {
  cursor: default;
  display: block;
  width: 100%;
  text-align: left;
  color: #53565A;
}
#login_vert_align .shibboleth-gdpr {
  background-color: #eee;
  padding: 10px 0;
  margin-bottom: 25px;
}
#login_vert_align .shibboleth-gdpr p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
#login_vert_align .shibboleth-gdpr a {
  color: #0066cc;
}
#login_vert_align .shibboleth-gdpr a:hover {
  color: #0066cc;
}
#login_vert_align .shibboleth-gdpr a:active,
#login_vert_align .shibboleth-gdpr a:focus {
  color: #0197d2;
}
#login_vert_align .shibboleth-error {
  margin-bottom: 20px;
}
.login-form .form-group {
  width: 360px;
  margin-left: auto;
  margin-right: auto;
}
#pwd {
  z-index: 0 !important;
}
.footer {
  font-size: 0.9em;
}
.footer .footer-links {
  list-style-type: none;
  padding: 0;
  line-height: 2em;
  text-align: center;
}
.footer .footer-links .divider {
  background-color: #a8a8aa;
  height: 1px;
  margin: 10px 0;
}
@media screen and (max-width: 768px) {
  .footer .footer-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .footer .footer-links .copyright {
    margin-top: 20px;
    align-self: center;
  }
}
.footer ul.footer-links > li {
  display: inline-block;
  margin-right: 10px;
}
.footer ul.footer-links > li > a:focus {
  outline: 1px solid #FFFFFF;
  border-radius: 4px;
  outline-offset: 3px;
  text-decoration: none;
}
.footer ul.footer-links > li > a:focus-visible {
  box-shadow: none;
}
@media screen and (min-height: 700px) {
  .footer {
    bottom: 0;
    right: 0;
    left: 0;
  }
}
.footer-dark {
  padding-top: 20px;
}
/* GDPR/TrustArc Cookie Preference Link Override */
li > div.teconsent {
  padding: 3px 0;
}
li > div.teconsent > a {
  display: block;
  color: #53565a;
  padding: 3px 20px;
}
li > div.teconsent > a:hover {
  text-decoration: none;
  background-color: #e7f3fa;
}
.marketing-menu-layout {
  min-height: calc(100% - 67px);
  background-color: white !important;
  position: unset !important;
}
.marketing-menu-layout .marketing-menu {
  height: 100%;
}
.marketing-menu-layout .marketing-menu > ul {
  margin-top: 40px;
}
.marketing-menu-layout .marketing-menu > ul > li {
  margin-bottom: 10px;
  display: block;
}
.marketing-menu-layout .marketing-menu > ul > li > a {
  color: #53565a;
  text-decoration: none;
}
.marketing-menu-layout .marketing-menu .menu-login-buttons {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 20px;
  position: absolute;
  bottom: 0;
  width: calc(100% - 40px);
}
@media screen and (max-width: 320px) {
  .marketing-menu-layout .marketing-menu .menu-login-buttons > a.btn.btn-primary.lg-device {
    display: none;
  }
}
@media screen and (min-width: 321px) {
  .marketing-menu-layout .marketing-menu .menu-login-buttons > a.btn.btn-primary.sm-device {
    display: none;
  }
}
.marketing-menu-layout .marketing-menu .menu-login-buttons > a.btn.btn-default.sm-device {
  margin-bottom: 10px;
  border-color: #53565a;
  background-color: transparent;
  color: #53565a;
}
@media screen and (min-width: 321px) {
  .marketing-menu-layout .marketing-menu .menu-login-buttons > a.btn.btn-default.sm-device {
    display: none;
  }
}
.full-height {
  height: calc(100vh - 69px);
  min-height: 730px;
}
.background {
  position: relative;
  min-height: 100%;
  padding-top: 0;
  background: #EEE;
  box-sizing: content-box;
}
.background.researcher-background,
.background.institution-background,
.background.learn-background {
  background-color: #FFFFFF;
}
.background.researcher-background .row,
.background.institution-background .row,
.background.learn-background .row {
  margin-right: 0;
  margin-left: 0;
}
.background.forgot-background,
.background.oauth-background,
.background.reset-background {
  min-height: 100%;
  padding-top: 1px;
}
.custom-background {
  background: linear-gradient(to top, #ffffff 0%, #ffffff 30%, #f1f9fe 30%, #f1f9fe 100%);
  /* Mobile styles */
}
@media (max-width: 700px) {
  .custom-background {
    background: linear-gradient(to top, #ffffff 0%, #ffffff 10%, #f1f9fe 10%, #f1f9fe 100%);
  }
}
.background .jumbo {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -50px;
}
.learn-more-top-container {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1440px) {
  .learn-more-top-container {
    margin-left: 200px;
    margin-right: 200px;
  }
}
@media (max-width: 1336px) {
  .learn-more-top-container {
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media (max-width: 1000px) {
  .learn-more-top-container {
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media (max-width: 530px) {
  .learn-more-top-container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.learn-more-middle-container {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1440px) {
  .learn-more-middle-container {
    margin-right: 160px;
    margin-left: 160px;
  }
}
@media (max-width: 1336px) {
  .learn-more-middle-container {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media (max-width: 768px) {
  .learn-more-middle-container {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 530px) {
  .learn-more-middle-container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.main-title {
  color: #00558E;
  font-family: 'aleoregular', serif;
  font-weight: 700;
  font-size: 60px;
  /* Default font size for laptops */
  line-height: 72px;
  padding-bottom: 16px;
  max-width: 1240px;
  margin: 116px auto 0;
  /* Laptop style */
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (min-width: 1441px) {
  .main-title {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 1366px) {
  .main-title {
    font-size: 60px;
    line-height: 72px;
    margin-top: 117px;
  }
}
@media (max-width: 1000px) {
  .main-title {
    font-size: 40px;
    line-height: 48px;
    margin-top: 117px;
  }
}
@media (max-width: 530px) {
  .main-title {
    font-size: 38px;
    line-height: 45.6px;
    margin-top: 57px;
  }
}
@media (max-width: 320px) {
  .main-title {
    font-size: 30px;
    line-height: 36px;
    margin-top: 33px;
  }
}
.subtitle {
  color: #222222;
  font-family: Roboto;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1240px;
  /* Laptop style */
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (min-width: 1441px) {
  .subtitle {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 1366px) {
  .subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 1000px) {
  .subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 530px) {
  .subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 320px) {
  .subtitle {
    font-size: 16px;
    line-height: 30px;
  }
}
.btn-external {
  position: relative;
  width: 100%;
  margin-bottom: 44px;
  margin-top: -20px;
}
.btn-internal {
  position: absolute;
  top: 20px;
  text-align: center;
  width: 100%;
  z-index: 99;
}
.image-dim {
  max-width: 100%;
  height: auto;
}
.feature-image {
  max-width: 100%;
  height: auto;
}
.top-img {
  margin-top: 60px;
}
.get-pricing-btn {
  margin-right: 4px;
  border-radius: 3px;
  border-color: #53565A;
  background-color: transparent;
  border-width: 1px;
  font-size: 16px;
  font-family: Roboto;
  line-height: 18.75px;
  margin-top: 24px;
  font-weight: 400;
  cursor: pointer;
}
.get-pricing-btn:hover {
  background-color: #EEEEEE;
  box-shadow: none;
  border: 1px solid #53565A;
}
.get-pricing-btn:focus {
  background-color: #EEEEEE;
  outline: 2px solid #0066CC;
  box-shadow: none;
}
.get-pricing-btn:focus,
.get-pricing-btn:active {
  box-shadow: none !important;
}
.get-pricing-btn:focus:not(:focus-visible) {
  background-color: #EEEEEE;
  outline: 2px solid #0066CC;
  box-shadow: none;
}
.trial-btn {
  background-color: #0E7BBA;
  border-radius: 3px;
  font-size: 16px;
  font-family: Roboto;
  line-height: 18.75px;
  margin-top: 24px;
  font-weight: 400;
  margin-left: 4px;
  cursor: pointer;
}
.trial-btn:hover {
  background-color: #0C6599;
  box-shadow: none;
}
.trial-btn:focus {
  outline: 2px solid white;
  outline-offset: -5px;
  background-color: #0E7BBA;
  box-shadow: none;
}
.trial-btn:focus,
.trial-btn:active {
  outline: 2px solid white !important;
  outline-offset: -5px !important;
  box-shadow: none !important;
}
.discover {
  color: #222222;
  line-height: 48px;
  font-size: 40px;
  font-family: 'aleoregular', serif;
  font-weight: 700;
  margin-top: 80px;
  max-width: 724px;
  margin-left: auto;
  margin-right: auto;
  /* Laptop style */
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1366px) {
  .discover {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 768px) {
  .discover {
    font-size: 36px;
    line-height: 43.2px;
  }
}
@media (max-width: 530px) {
  .discover {
    font-size: 28px;
    line-height: 33.6px;
    padding: 0 20px 0 20px;
  }
}
@media (max-width: 320px) {
  .discover {
    font-size: 24px;
    line-height: 28.8px;
    padding: 0 20px 0 20px;
  }
}
.image-and-text {
  margin: 120px 160px;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1240px;
  /* Laptop style */
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (min-width: 1000px) {
  .image-and-text {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1366px) {
  .image-and-text {
    margin: 120px 160px;
  }
}
@media (max-width: 768px) {
  .image-and-text {
    margin: 100px 40px;
  }
}
@media (max-width: 530px) {
  .image-and-text {
    margin: 80px 20px;
  }
}
@media (max-width: 320px) {
  .image-and-text {
    margin: 80px 20px;
  }
}
.feature-title {
  font-family: 'aleoregular', serif;
  color: #222222;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  /* Laptop style */
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1366px) {
  .feature-title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 768px) {
  .feature-title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 530px) {
  .feature-title {
    font-size: 24px;
    line-height: 28.8px;
  }
}
@media (max-width: 320px) {
  .feature-title {
    font-size: 24px;
    line-height: 28.8px;
  }
}
.feature-paragraph {
  font-family: Roboto;
  color: #222222;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  margin-top: 20px;
  /* Laptop style */
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1366px) {
  .feature-paragraph {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .feature-paragraph {
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
  }
}
@media (max-width: 530px) {
  .feature-paragraph {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
  }
}
@media (max-width: 320px) {
  .feature-paragraph {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
  }
}
.bottom-features {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 999px) {
  .bottom-features {
    flex-flow: row wrap;
  }
}
.citation-feature {
  background-color: #F7F7F7;
  padding: 50px 0 0 0;
  box-shadow: 0 4px 4px 0 rgba(199, 199, 199, 0.5);
  height: 651px;
  position: relative;
  margin: 0 20px 100px 20px;
  width: 100%;
  max-width: 2400px;
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1440px) {
  .citation-feature {
    padding: 50px 0 0 0;
    width: 510px;
    height: 681px;
  }
}
@media (max-width: 1366px) {
  .citation-feature {
    padding: 50px 0 0 0;
    width: 503px;
    height: 747px;
  }
}
@media (max-width: 1336px) {
  .citation-feature {
    padding: 50px 0 0 0;
    width: 50%;
    height: 750px;
  }
}
@media (max-width: 999px) {
  .citation-feature {
    padding: 50px 0 0 0;
    width: 100%;
    height: 615px;
  }
}
@media (max-width: 682px) {
  .citation-feature {
    padding: 50px 0 0 0;
    width: 100%;
    height: 624px;
  }
}
@media (max-width: 320px) {
  .citation-feature {
    padding: 30px 0 0 0;
    width: 100%;
    height: 733px;
  }
}
.analytics-feature {
  background-color: #F7F7F7;
  padding: 50px 0 0 0;
  box-shadow: 0 4px 4px 0 rgba(199, 199, 199, 0.5);
  margin: 0 20px 100px 20px;
  height: 651px;
  position: relative;
  width: 100%;
  max-width: 2400px;
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1440px) {
  .analytics-feature {
    padding: 50px 0 0 0;
    width: 510px;
    height: 681px;
  }
}
@media (max-width: 1366px) {
  .analytics-feature {
    padding: 50px 0 0 0;
    width: 503px;
    height: 747px;
  }
}
@media (max-width: 1336px) {
  .analytics-feature {
    padding: 50px 0 0 0;
    width: 50%;
    height: 750px;
  }
}
@media (max-width: 999px) {
  .analytics-feature {
    padding: 50px 0 0 0;
    width: 100%;
    height: 615px;
  }
}
@media (max-width: 682px) {
  .analytics-feature {
    padding: 50px 0 0 0;
    width: 100%;
    height: 624px;
  }
}
@media (max-width: 320px) {
  .analytics-feature {
    padding: 30px 0 0 0;
    width: 100%;
    height: 733px;
  }
}
.bottom-feature-title {
  color: #222222;
  font-family: 'aleoregular', serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 50px 20px 50px;
  width: 440px;
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1366px) {
  .bottom-feature-title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 50px 20px 50px;
    width: 403px;
  }
}
@media (max-width: 1336px) {
  .bottom-feature-title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 50px 20px 50px;
    width: 80%;
  }
}
@media (max-width: 999px) {
  .bottom-feature-title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 50px 20px 50px;
    width: 80%;
  }
}
@media (max-width: 682px) {
  .bottom-feature-title {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    margin: 0 40px 20px 40px;
    width: 80%;
  }
}
@media (max-width: 320px) {
  .bottom-feature-title {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    margin: 0 30px 20px 30px;
    width: 80%;
  }
}
.bottom-feature-paragraph {
  color: #222222;
  font-family: Roboto;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  margin: 0 50px 0 50px;
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1440px) {
  .bottom-feature-paragraph {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 50px 0 50px;
    width: 440px;
  }
}
@media (max-width: 1366px) {
  .bottom-feature-paragraph {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 50px 0 50px;
    width: 350px;
  }
}
@media (max-width: 1336px) {
  .bottom-feature-paragraph {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 50px 0 50px;
    width: 80%;
  }
}
@media (max-width: 999px) {
  .bottom-feature-paragraph {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 50px 0 50px;
    width: 80%;
  }
}
@media (max-width: 682px) {
  .bottom-feature-paragraph {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 40px 0 40px;
    width: 80%;
  }
}
@media (max-width: 320px) {
  .bottom-feature-paragraph {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 30px 0 30px;
    width: 85%;
  }
}
.bottom-citation-images {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 87%;
  height: auto;
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1366px) {
  .bottom-citation-images {
    height: 335.52px;
  }
}
@media (max-width: 999px) {
  .bottom-citation-images {
    height: 330px;
  }
}
@media (max-width: 768px) {
  .bottom-citation-images {
    width: 550px;
    height: 348px;
  }
}
@media (max-width: 738px) {
  .bottom-citation-images {
    width: 80%;
    height: 50%;
  }
}
@media (max-width: 682px) {
  .bottom-citation-images {
    width: 90%;
    height: auto;
  }
}
@media (max-width: 320px) {
  .bottom-citation-images {
    width: 700px;
    height: 300px;
    padding-top: 57.46px;
    padding-left: 40px;
  }
}
.bottom-analytics-images {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height: auto;
  /* Tablet styles */
  /* Mobile styles */
  /* Mobile small styles */
}
@media (max-width: 1366px) {
  .bottom-analytics-images {
    height: 335.52px;
  }
}
@media (max-width: 999px) {
  .bottom-analytics-images {
    height: 335.52px;
  }
}
@media (max-width: 768px) {
  .bottom-analytics-images {
    width: 550px;
    height: 348px;
  }
}
@media (max-width: 682px) {
  .bottom-analytics-images {
    width: 80%;
    height: auto;
  }
}
@media (max-width: 320px) {
  .bottom-analytics-images {
    width: 700px;
    height: 250px;
    padding-top: 47px;
    padding-right: 30px;
  }
}
.bottom-container {
  background-image: url('/public/img/marketing/masthead-researchers.png');
  height: 223px;
}
@media (min-width: 1440px) {
  .bottom-container {
    background-size: cover;
    background-position: 30% 70% !important;
  }
}
@media (min-width: 1366px) {
  .bottom-container {
    background-position: 80% 20%;
  }
}
.bottom-title {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.trial-and-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding-right: 10px;
  margin-top: 10px;
}
@media (max-width: 530px) {
  .trial-and-contact {
    flex-direction: column;
    /* Stack items vertically for smaller screens */
  }
}
.bottom-btn-container {
  display: flex;
  justify-content: flex-end;
}
.bottom-contact-container {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 530px) {
  .bottom-contact-container {
    margin-top: 15px;
  }
}
.bottom-trial {
  font-family: 'aleoregular', serif;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  margin-top: 50px;
  /* Tablet styles */
}
@media (max-width: 768px) {
  .bottom-trial {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.bottom-trial-btn {
  background-color: #437490;
  border-color: #FFFFFF;
  border-width: 2px;
  font-size: 16px;
  font-family: Roboto;
  line-height: 18.75px;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .bottom-trial-btn {
    margin-left: 20px;
  }
}
.bottom-trial-btn:hover {
  border-color: #FFFFFF;
  background-color: #345A6F;
  box-shadow: none;
}
.bottom-trial-btn:focus {
  border-color: #FFFFFF;
  background-color: #274354;
}
.bottom-trial-btn:focus,
.bottom-trial-btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.bottom-contact {
  color: #FFFFFF;
  font-size: 14px;
  font-family: Roboto;
  line-height: 16.41px;
  font-weight: 400;
  margin: 6px 12px 6px 12px;
}
.bottom-contact:hover {
  text-decoration: underline;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.bottom-contact:focus {
  outline: 1px solid #FFFFFF;
  border-radius: 4px;
  text-decoration: none;
  color: #FFFFFF;
  outline-offset: 1px;
}
.bottom-contact > span:focus {
  outline: none;
  text-decoration: none;
}
.forgot-background #other-header,
.oauth-background #other-header,
.reset-background #other-header {
  display: none;
}
.login-background,
.forgot-background,
.oauth-background,
.reset-background,
.reset-password-background,
.disabled-background,
.signup-background,
.shibboleth-error-background,
.deactivated-background,
.goodbye-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('/public/img/marketing/masthead-researchers.png');
}
.researcher-background .jumbo {
  background-image: url('/public/img/marketing/masthead-researchers.png');
}
.institution-background .jumbo {
  background-image: url('/public/img/marketing/masthead-institutions.png');
}
.researcher-background .jumbo h1,
.institution-background .jumbo h1 {
  margin-bottom: 95px;
}
@media screen and (max-width: 740px) {
  #combined-login {
    min-height: 680px;
  }
}
#combined-login .link {
  font-weight: bold;
  color: black;
  padding-left: 10px;
}
#combined-login .rw3 .logo {
  background-image: url('/public/img/rw-small-logo.png');
  background-size: 50px 50px;
}
#combined-login .rw2 .logo {
  background-image: url('/public/img/old_rw_logo.png');
  background-size: 40px 40px;
}
#combined-login h1 {
  color: #00558e;
}
#combined-login label.newRefWorks {
  color: black;
  font-size: 25px;
  font-weight: bolder;
}
#combined-login label.oldRefWorks {
  color: black;
  font-size: 25px;
  font-weight: bolder;
}
#combined-login .form-group > div span,
#combined-login .form-group > a span {
  color: #53565a;
}
#combined-login #login_vert_align {
  padding-top: 0;
  background: white;
}
#combined-login .login-title {
  color: #53565a;
  text-align: left;
  margin-bottom: 5px;
}
#combined-login .version-selection {
  min-height: 500px;
}
#combined-login .version-selection > * {
  display: inline-block;
  padding: 0 40px;
  vertical-align: middle;
}
#combined-login .version-selection .rw3,
#combined-login .version-selection .rw2 {
  position: relative;
}
#combined-login .version-selection .rw3,
#combined-login .version-selection .rw2 {
  padding-bottom: 25px;
}
#combined-login .version-selection .rw3 .logo {
  background-image: url('/public/img/rw-small-logo.png');
  background-size: 50px 50px;
}
#combined-login .version-selection .rw2 .logo {
  background-image: url('/public/img/old_rw_logo.png');
  background-size: 40px 40px;
}
#combined-login .version-selection .logo {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  position: absolute;
  left: 45%;
}
#combined-login .version-selection .comboLink {
  padding-left: 21px;
  display: inherit;
}
#combined-login .version-selection .version-description {
  padding-left: 60px;
}
#combined-login .version-selection a,
#combined-login .version-selection a span {
  font-size: 14px;
  font-weight: 700;
  color: #00a0df;
}
#combined-login .version-selection .version {
  width: 500px;
  text-align: left;
  font-size: 15px;
}
@media screen and (max-width: 740px) {
  #combined-login .version-selection .version {
    border-bottom: solid 1px #c8c9c7;
    padding-bottom: 30px;
  }
}
#combined-login .version-selection .version .description {
  font-size: 13px;
  color: black;
  line-height: 15px;
  padding-left: 22px;
}
.copy {
  background: #fff;
}
.copy .row {
  padding: 30px 0;
}
.jumbo .login-container .sso-sign-up-free-text,
.jumbo .signup-container .sso-sign-up-free-text {
  line-height: 20px;
  font-size: 14px;
  color: #53565A;
}
.jumbo .login-container .email-not-found-footer .free-text,
.jumbo .signup-container .email-not-found-footer .free-text {
  color: #000;
}
.jumbo .login-container .start-over,
.jumbo .signup-container .start-over {
  margin-bottom: 40px;
}
.jumbo .login-container .wrong-email-address,
.jumbo .signup-container .wrong-email-address {
  margin-top: 20px;
}
.jumbo .login-container .email-sent-message,
.jumbo .signup-container .email-sent-message {
  line-height: 28px;
  font-size: 18px;
  color: #53565A;
  display: inline-block;
  margin-top: 10px;
}
.jumbo .login-container .email-sent-message .email-user,
.jumbo .signup-container .email-sent-message .email-user {
  font-weight: bold;
  display: inline-block;
  word-break: break-word;
}
.jumbo .login-container .email-sent-hr,
.jumbo .signup-container .email-sent-hr {
  width: 305px;
}
.jumbo .login-container .email-sent-footer,
.jumbo .signup-container .email-sent-footer {
  margin-bottom: 30px;
}
.jumbo .login-container .email-not-found-title,
.jumbo .signup-container .email-not-found-title {
  word-break: break-word;
}
.jumbo .login-container .sso-signup-instruction,
.jumbo .signup-container .sso-signup-instruction {
  background: #F2F2F2;
  line-height: 18px;
  padding: 18px 26px;
  color: #53565A;
  font-size: 13px;
  margin-bottom: 15px ;
  text-align: left;
  margin-top: 15px;
}
.jumbo .login-container .new-users-li,
.jumbo .signup-container .new-users-li {
  text-align: left;
  margin-left: 25px;
}
.jumbo .login-container .new-users-li .new-users-title,
.jumbo .signup-container .new-users-li .new-users-title {
  font-weight: bold;
}
.jumbo .login-container .new-users-li .new-users-text,
.jumbo .signup-container .new-users-li .new-users-text {
  font-weight: normal;
}
.jumbo .login-container .align-text-sso,
.jumbo .signup-container .align-text-sso {
  margin-left: 18px;
}
.jumbo .login-container .existing-users-li,
.jumbo .signup-container .existing-users-li {
  text-align: left;
  margin-left: 25px;
}
.jumbo .login-container .existing-users-li .existing-users-title,
.jumbo .signup-container .existing-users-li .existing-users-title {
  font-weight: bold;
}
.jumbo .login-container .existing-users-li .existing-users-text,
.jumbo .signup-container .existing-users-li .existing-users-text {
  font-weight: normal;
}
.jumbo .login-container .institution-email-label,
.jumbo .signup-container .institution-email-label {
  float: left;
  margin-top: 15px;
  margin-bottom: 2px;
  color: #767676;
  font-size: 13px;
}
.jumbo .login-container .form-group.create-account,
.jumbo .signup-container .form-group.create-account {
  margin-top: 25px;
}
.jumbo .login-container h1,
.jumbo .signup-container h1 {
  color: #00558e;
}
.jumbo .login-container a,
.jumbo .signup-container a,
.jumbo .login-container .instruction,
.jumbo .signup-container .instruction {
  color: grey;
}
.jumbo .login-container .new-ref-header,
.jumbo .signup-container .new-ref-header {
  padding-top: 6rem;
}
.jumbo .login-container .old-ref-header,
.jumbo .signup-container .old-ref-header {
  padding-top: 6rem;
}
.jumbo .login-container .required,
.jumbo .signup-container .required {
  color: #ff0000;
}
.jumbo .login-container small.required,
.jumbo .signup-container small.required {
  margin-left: 50px;
  text-align: left;
  color: #ff0000;
}
.jumbo .login-container .checkbox,
.jumbo .signup-container .checkbox {
  color: #53565a;
}
.jumbo .login-container .checkbox label,
.jumbo .signup-container .checkbox label {
  text-align: left;
  line-height: 1.5;
  font-size: 12px;
}
.jumbo .login-container .checkbox label a,
.jumbo .signup-container .checkbox label a {
  color: #0066cc;
}
.jumbo .login-container .checkbox label a:hover,
.jumbo .signup-container .checkbox label a:hover {
  color: #0066cc;
}
.jumbo .login-container .checkbox label a:active,
.jumbo .signup-container .checkbox label a:active,
.jumbo .login-container .checkbox label a:focus,
.jumbo .signup-container .checkbox label a:focus {
  color: #0197d2;
}
.jumbo .login-container .instruction,
.jumbo .signup-container .instruction {
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #767676;
}
.jumbo .login-container .create-account strong,
.jumbo .signup-container .create-account strong,
.jumbo .login-container .create-account p,
.jumbo .signup-container .create-account p {
  font-size: 13px;
}
.jumbo .login-container .oh-no,
.jumbo .signup-container .oh-no {
  width: 75%;
  margin: 10px 50px 20px;
  line-height: 1.3em;
}
.jumbo .login-container .oh-no span,
.jumbo .signup-container .oh-no span {
  display: inline-block;
}
.jumbo .signup-container.not-found {
  margin-bottom: 20px;
}
.jumbo .signup-container.not-found h1 {
  font-size: 29px;
}
.jumbo .btn.btn-primary:disabled {
  background-color: #b5d6e9;
  border-color: #b5d6e9;
  color: #ffffff;
}
.jumbo {
  color: darkblue;
}
.jumbo h1 {
  color: white;
  font-family: 'aleoregular', serif;
  font-size: 33px;
  margin: 35px 0 10px 0;
  line-height: 1.3em;
}
.jumbo h1.blue {
  color: #00558e;
}
.jumbo h1 .instruction {
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: white;
}
.jumbo h1 .instruction-sub {
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1;
  color: #767676;
}
.jumbo h2 {
  color: inherit;
  margin-bottom: 35px;
}
.jumbo .instruction.grey {
  color: grey;
}
.jumbo .help-block {
  color: #767676;
  font-size: 12px;
  line-height: 16px;
}
.jumbo form {
  margin-bottom: 0;
}
.jumbo a {
  color: white;
}
.jumbo-dark {
  color: #53565a;
}
.jumbo-dark hr {
  border-top-color: #a8a8aa;
}
.jumbo-dark a {
  color: #0066cc;
}
/* removes up/down arrows from number input fields */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
a {
  color: #2594C8;
  cursor: pointer;
  text-decoration: none;
}
.clear {
  clear: both;
  float: none;
  height: 0;
  overflow: hidden;
}
#signupOverlay[loading=true] form {
  opacity: .5;
  filter: alpha(opacity=50);
}
#overlay_matte {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #eee;
  opacity: .7;
  filter: alpha(opacity=70);
}
.spinner {
  position: absolute;
  z-index: 1000;
}
input.submit,
input[type=submit],
input[type=button],
input.button,
button,
label,
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}
.text_right {
  text-align: right;
}
.text_center {
  text-align: center;
}
/* ELASTIC */
.form .w {
  float: left;
  clear: both;
  padding: 5px 5px 0;
  background: #D7EBEF;
  font: bold 0.8em Helvetica, Arial, sans-serif;
  color: #333;
  overflow: hidden;
}
.form .w span {
  padding: 0 0 5px;
  float: left;
}
.form .w label {
  padding: 0;
}
/* LOGIN & REGISTRATION */
.input-group-addon {
  border-color: #a8a8aa;
}
.input-group-addon.input-has-focus {
  transition: border-color 0.15s;
  border-color: #0e7bba;
}
#registration .row_note.error {
  color: #f00;
}
#log_reg {
  width: 480px;
  margin: 40px auto;
}
#log_reg {
  width: 480px;
  margin: 40px auto;
}
#log_reg h1 {
  font-size: 28px;
  font-weight: normal;
}
#log_reg h1 {
  font-size: 28px;
  font-weight: normal;
}
#log_reg .form_row {
  margin-bottom: 30px;
  overflow: hidden;
}
#log_reg .form_row.error input {
  border-color: #f00;
}
#log_reg .form_row .error {
  color: #f00;
  display: block;
  margin-top: 2px;
}
#log_reg .create {
  float: right;
  font-size: 14px;
  text-decoration: none;
}
#log_reg label {
  padding: 0 0 2px;
  display: block;
  font-size: 14px;
}
#log_reg label.inline {
  display: inline;
}
#log_reg input.orderform {
  float: right;
}
#log_reg .form_row .orderform {
  margin-bottom: 5px;
}
#log_reg input#email,
#log_reg input#password {
  border: 2px solid #aaa;
  font-size: 16px;
  padding: 4px 6px;
  width: 200px;
}
#log_reg input#submit {
  font-size: 20px;
  border: 1px solid #000;
  padding: 4px 16px;
  background: #eee;
  border-radius: 4px;
}
form #shibboleth .input-group,
form .shibboleth .input-group {
  background-color: #00558e;
  border-radius: 1px;
  padding-right: 10px;
}
form #shibboleth .input-group:focus-within,
form .shibboleth .input-group:focus-within {
  text-decoration: none;
  outline: 2px solid #fff;
  outline-offset: -5px;
}
form #shibboleth hr,
form .shibboleth hr {
  width: 60%;
  margin-top: 30px;
  margin-bottom: 30px;
}
form #shibboleth .input-group .select2-container .select2-choice,
form .shibboleth .input-group .select2-container .select2-choice {
  height: 40px;
  line-height: 41px;
  padding-left: 10px;
  background-color: transparent;
  background-image: none;
}
form #shibboleth .input-group .select2-container .select2-choice .select2-arrow,
form .shibboleth .input-group .select2-container .select2-choice .select2-arrow {
  padding-top: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
}
form #shibboleth .input-group .select2-container .select2-choice .select2-arrow:before,
form .shibboleth .input-group .select2-container .select2-choice .select2-arrow:before {
  content: "\4c";
  font-family: 'UX-Framework';
}
form #shibboleth .select2-container-active .select2-choice,
form .shibboleth .select2-container-active .select2-choice {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
form #shibboleth .select2-container,
form .shibboleth .select2-container {
  background-color: transparent;
  border: none;
  z-index: 0;
}
form #shibboleth .select2-container .select2-choice > .select2-chosen,
form .shibboleth .select2-container .select2-choice > .select2-chosen {
  color: #fff;
  text-align: left;
  padding-left: 5px;
}
form #shibboleth #shibglobe,
form .shibboleth #shibglobe {
  padding-bottom: 8px;
  color: #fff;
  font-size: 18px;
  background-color: transparent;
  border: none;
}
form #shibboleth #shibglobe:first-child:after,
form .shibboleth #shibglobe:first-child:after {
  margin-top: -4px;
}
form #shibboleth .select2-container,
form .shibboleth .select2-container,
form #shibboleth .select2-choice,
form .shibboleth .select2-choice {
  border-radius: 0 4px 4px 0;
}
.select2-drop {
  margin-top: 1px !important;
  padding-top: 5px;
}
#freemium-signup .select2-results {
  color: #53565a;
}
#freemium-signup .select2-results .select2-highlighted {
  background-color: #e7f3fa;
  color: #53565a;
}
#log_reg .help {
  margin-top: 40px;
}
#log_reg .help a {
  font-size: 14px;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}
/* ORDER */
#order_reg {
  width: 480px;
  margin: 40px auto;
}
#order_reg h1 {
  font-size: 28px;
  font-weight: normal;
}
#order_reg .form_row {
  margin-bottom: 5px;
  overflow: auto;
}
#order_reg .form_row.error input {
  border-color: #f00;
}
#order_reg .form_row .error {
  color: #f00;
  display: block;
  margin-top: 2px;
}
#order_reg .create {
  float: right;
  font-size: 14px;
  text-decoration: none;
}
#order_reg label {
  padding: 0 0 2px;
  display: block;
  font-size: 14px;
}
#order_reg label.inline {
  display: inline;
}
#order_reg input {
  float: right;
}
#order_reg input.text,
#order_reg input.password,
#order_reg input.email {
  border: 2px solid #aaa;
  font-size: 16px;
  padding: 4px 6px;
  width: 200px;
}
#order_reg input.submit {
  font-size: 20px;
  border: 1px solid #000;
  padding: 4px 16px;
  background: #eee;
  border-radius: 4px;
}
#order_reg .help {
  margin-top: 40px;
}
#order_reg .help a {
  font-size: 14px;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}
/* JQUERY UI OVERRIDES */
body .ui-widget-overlay {
  background: #000;
  opacity: .4;
  filter: alpha(opacity=40);
}
body .ui-dialog .ui-dialog-content {
  padding: 0px 30px 0px 30px;
  background: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
}
.ui-dialog .ui-dialog-content .error {
  color: #f00;
  padding: 5px 0 0;
}
.ui-dialog {
  padding: 0;
}
body .ui-widget {
  font-family: "Open Sans", sans-serif;
}
.ui-widget-content {
  border: 2px solid #EEE;
  background: #fff;
}
body .ui-dialog .ui-widget-header {
  background: #EFEFEF;
  color: #333333;
  border: 0px;
  border-bottom: 1px solid #aaa;
  padding: 15px 10px 15px 10px;
}
.ui-dialog-titlebar.ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}
.ui-dialog .ui-dialog-title {
  padding: 0 0 0 20px;
  font-size: 18px;
  font-weight: normal;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Open Sans", sans-serif;
}
.ui-dialog .ui-dialog-titlebar-close {
  width: 18px;
  padding: 0;
  margin: -8px 0 0 0;
}
/*TODO Benjamin fix this '!important' mess caused by including jquery css after our own*/
.ui-dialog .ui-dialog-titlebar-close {
  right: 20px !important;
  padding: 0px;
}
.ui-widget-content .ui-icon.ui-icon-closethick {
  background: url(/public/img/button_overlay_close.png) 50% 50% no-repeat !important;
}
.ui-widget-content .ui-icon.ui-icon-closethick:hover {
  background: url(/public/img/button_overlay_close_hover.png) 50% 50% no-repeat !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
  margin: 0 !important;
}
.ui-state-hover {
  background: transparent !important;
  border: 0 !important;
}
/* LOGIN OVERLAY */
#loginOverlay {
  background: #fff;
}
#loginOverlay .wrapper {
  padding: 20px 0 0 0px;
}
#loginOverlay .form_row {
  margin: 0 0 20px 0;
}
#loginOverlay label {
  display: block;
  font-weight: bold;
  color: #333;
  padding: 0 0 6px;
}
#loginOverlay input[type=text],
#loginOverlay input[type=email],
#loginOverlay input[type=password] {
  width: 95%;
  padding: 8px 2%;
  outline: 1px solid #AAA;
  border: 0px;
}
#loginOverlay h3.error {
  margin: 0 0 1em;
  padding: 0;
  color: #f00;
  font-size: 16px;
}
#loginOverlay a {
  text-decoration: none;
  color: #477DD5;
}
#loginOverlay .buttons {
  border-bottom: 1px solid #ddd;
  margin: 20px -30px 15px -35px;
  padding: 10px 30px 20px 35px;
  overflow: auto;
}
#loginOverlay .buttons .left {
  width: 50%;
  float: left;
}
#loginOverlay .buttons .right {
  width: 50%;
  float: right;
  padding-top: 8px;
  text-align: right;
}
#loginOverlay .buttons .right a {
  color: #aaa;
}
#loginOverlay .help {
  text-align: center;
  padding: 0 0 10px;
  color: #aaa;
}
#loginOverlay input[type=submit] {
  width: 114px;
  height: 38px;
  background: url(/public/img/button_sign_in.png) top left no-repeat;
  text-indent: -5000px;
  overflow: hidden;
  display: inline-block;
  border: 0px;
  padding: 0;
  margin: 0;
}
/* SIGN UP OVERLAY */
#signupOverlay {
  background: #fff;
}
#signupOverlay .wrapper {
  padding: 20px 0 0 0px;
}
#signupOverlay .form_row {
  margin: 0 0 20px 0;
}
#signupOverlay label {
  display: block;
  font-weight: bold;
  color: #333;
  padding: 0 0 6px;
}
#signupOverlay input[type=text],
#signupOverlay input[type=email],
#signupOverlay input[type=password] {
  width: 95%;
  padding: 8px 2%;
  outline: 1px solid #AAA;
  border: 0px;
}
#signupOverlay h3.error {
  margin: 0 0 1em;
  padding: 0;
  color: #f00;
}
#signupOverlay a {
  text-decoration: none;
  color: #477DD5;
}
#signupOverlay .buttons {
  border-bottom: 1px solid #ddd;
  margin: 20px -30px 15px -35px;
  padding: 10px 30px 20px 35px;
  overflow: auto;
}
#signupOverlay .buttons .left {
  width: 50%;
  float: left;
}
#signupOverlay .buttons .right {
  width: 50%;
  float: right;
  padding-top: 8px;
  text-align: right;
}
#signupOverlay .buttons .right a {
  color: #aaa;
}
#signupOverlay .help {
  text-align: center;
  padding: 0 0 10px;
  color: #aaa;
}
#signupOverlay input[type=submit] {
  width: 96px;
  height: 38px;
  background: url(/public/img/button_sign_up.png) top left no-repeat;
  text-indent: -5000px;
  overflow: hidden;
  display: inline-block;
  border: 0px;
  padding: 0;
  margin: 0;
}
#signupOverlay label.agree {
  font-weight: normal;
}
/* BEGIN: AJAX PAGE WRAPPERS */
#layout_library,
#layout_sharing {
  display: none;
}
/* SEARCH INPUTS */
#search_basic input.text {
  border: 1px solid #bbb;
  line-height: 18px;
  padding: 8px 5px 9px 36px;
  height: 17px;
  font-size: 18px;
  background: #ffffff url(/public/img/bg_search_input.png) 0px 0px no-repeat;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  color: #333;
}
/* various generic icons - add .icon-___ classes to use more images from the png */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/public/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
[class^="icon-"]:last-child,
.icon-white {
  background-image: url("/public/img/glyphicons-halflings-white.png");
}
.icon-close-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
html input,
html button,
html select,
html textarea {
  /*font-family: helvetica, arial, sans-serif;*/
}
/* IMPERSONATOR WARNING */
#impersonator_warning {
  background-color: red;
  width: 100%;
  padding: 30px;
  text-align: center;
  font-size: 15px;
  color: white;
  text-shadow: 0 1px 0 black;
}
/*for ServiceDown page*/
.downmessage {
  width: 480px;
  margin: 40px auto;
}
.forflow,
.forudini {
  display: none;
  /*initially*/
}
.glass {
  opacity: 0.3;
  -ms-filter: "alpha(opacity=30)";
}
/* TOOL TIP - used for header login */
.toolTip {
  display: none;
  position: absolute;
  background: #fff;
  border: 2px solid #b5b5b5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 272px;
  z-index: 1000;
  color: #6c6c6c;
}
.toolTip .wrapper {
  padding: 10px;
}
.toolTip span.triangle {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  top: -17px;
  z-index: 10;
  right: 15px;
}
.toolTip span.triangle_border {
  border-color: transparent transparent #b5b5b5 transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  top: -20px;
  right: 15px;
}
.toolTip span.triangle,
.toolTip span.triangle_border {
  right: 50%;
  margin-right: -10px;
}
.toolTip.triangleRight span.triangle,
.toolTip.triangleRight span.triangle_border {
  right: 15px;
}
.toolTip.triangleLeft span.triangle,
.toolTip.triangleLeft span.triangle_border {
  right: auto;
  left: 5px;
}
.toolTip.hoverTip {
  margin: 25px 0 0 -22px;
}
.ontop {
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 90px;
}
.topbar {
  display: table;
  /* Deliberately making the default color white; the grey suggested in the visual design doesn't blend well with the image. */
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  width: 100%;
}
.dropdown-menu {
  text-shadow: none;
}
/* Overrides of header.css */
#landing #header {
  box-shadow: none;
}
#landing #header.unrecognized #login_link {
  color: #fff;
}
#landing #header > .wrapper {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
#landing #header_buttons {
  padding-top: 38px;
}
#header_login_overlay form {
  margin: 0;
}
/* End of Overrides of header.css */
.topbar .login {
  text-align: right;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: normal;
}
.topbar .login a {
  font-weight: 700;
}
.left,
.right {
  vertical-align: baseline;
  display: table-cell;
}
.topbar .container a {
  color: #fff;
}
.logo a:hover,
.logo a:focus,
.logo a:active {
  text-decoration: none;
  border: none;
  outline: none;
}
.logo img {
  cursor: pointer;
  position: absolute;
  top: 32px;
}
.logo span {
  color: #fff;
  cursor: pointer;
  /*position: relative;*/
  /*left: 126px;*/
  /*top: 24px;*/
  margin-left: 126px;
  font-size: 27px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.image-link:hover {
  text-decoration: none;
}
#somescreen {
  background: #ccc;
  width: 100%;
  height: 454px;
  overflow: hidden;
  border: 1px solid #aaa;
}
#somescreen img {
  width: 100%;
}
#feature-table {
  padding-bottom: 100px;
  margin-top: 100px;
}
#feature-comparison {
  margin-bottom: 20px;
}
#feature-comparison table {
  background-color: #f2f2f2;
  border: 1px #d9d9d9 solid;
  border-collapse: collapse;
  width: 100%;
  color: #5a5a5a;
}
#feature-comparison td,
#feature-comparison th {
  border: 1px solid #d9d9d9;
  padding: 14px 25px;
  text-align: center;
}
#feature-comparison th {
  border-top: none;
}
#feature-comparison td:first-child,
#feature-comparison th:first-child {
  text-align: left;
}
#feature-comparison td:first-child + td,
#feature-comparison th:first-child + th {
  background-color: #e8e8e8;
}
#feature-table .col-xs-3 {
  padding-left: 20px;
  padding-right: 20px;
  height: 500px;
  position: relative;
}
.feature-checked {
  display: inline-block;
  height: 18px;
  width: 20px;
  background-size: 20px 18px;
  background-image: url('/public/img/marketing/feature-checkmark.png');
  background-repeat: no-repeat;
}
#feature-table .col-xs-3:first-child {
  padding-left: 0px;
  padding-right: 30px;
}
#feature-table .col-xs-3:nth-child(2) {
  padding-left: 10px;
}
#feature-table .col-xs-3:nth-child(3) {
  padding-right: 10px;
}
#feature-table .col-xs-3:last-child {
  padding-right: 0px;
  padding-left: 30px;
}
.feature-table-img {
  border: 1px solid #e2e2e2;
  background-color: #fafafa;
  border-radius: 2px;
  height: 180px;
  width: 100%;
  padding: 4px;
}
.feature-table-img div {
  border: 1px solid #e2e2e2;
  border-radius: 1px;
  height: 100%;
  width: 100%;
}
.stf-img {
  background-image: url('/public/img/marketing/nl_stf_ss.png');
  background-size: 300%;
}
.share-img {
  background-image: url('/public/img/marketing/nl_share_ss.png');
  background-position: 0 0;
  background-size: 150%;
}
.all-together-img {
  background-image: url('/public/img/marketing/nl_main_ss.png');
  background-position: -150px -50px;
  background-size: 450%;
}
.bib-img {
  background-image: url('/public/img/marketing/nl_bib_ss.png');
  background-position: -25px -90px;
  background-size: 250%;
}
.recommend-img {
  background-image: url('/public/img/marketing/nl_recommend_ss.png');
  background-position: 0px -300px;
  background-size: 250%;
}
.ffw-img {
  background-image: url('/public/img/marketing/nl_ffw_ss.png');
  background-position: -170px -70px;
  background-size: 250%;
}
.simple-img {
  background-image: url('/public/img/marketing/nl_main_ss.png');
  background-position: 0px 0px;
  background-size: 250%;
}
.dropbox-img {
  background-image: url('/public/img/marketing/nl_dropbox_ss.png');
  background-position: -45px 0px;
  background-size: 200%;
}
.dupes-img {
  background-image: url('/public/img/marketing/nl_dupes_ss.png');
  background-position: -940px -70px;
  background-size: 550%;
}
.signup-img {
  background-repeat: no-repeat;
  background-color: white;
  background-image: url('/public/img/marketing/nl_signup_ss.png');
  background-position: 20px 20px;
  background-size: 170%;
}
.search-img {
  background-image: url('/public/img/marketing/nl_main_ss.png');
  background-position: 300px 0;
  background-size: 400%;
}
.import-img {
  background-color: white;
  background-image: url('/public/img/marketing/nl_import_ss.png');
  background-position: 10px 30px;
  background-size: 150%;
  background-repeat: no-repeat;
}
.annote-img {
  background-image: url('/public/img/marketing/nl_annote_ss.png');
  background-position: -180px -40px;
  background-size: 200%;
}
.analytics-img {
  background-image: url('/public/img/marketing/nl_analytics_ss.png');
  background-position: -320px -35px;
  background-size: 250%;
}
.sharelimit-img {
  background-image: url('/public/img/marketing/nl_sharelimit_ss.png');
  background-position: -60px -20px;
  background-size: 150%;
}
.email-img {
  background-image: url('/public/img/marketing/nl_simplesignup_ss.png');
  background-position: center center;
  background-size: 140%;
}
.instshare-img {
  background-image: url('/public/img/marketing/nl_institution_ss.png');
  background-position: -10px 0px;
  background-size: 200%;
}
#feature-table .col-xs-3:first-child .feature-table-img {
  left: 0px;
  right: 30px;
}
#feature-table .col-xs-3:nth-child(2) .feature-table-img {
  left: 10px;
}
#feature-table .col-xs-3:nth-child(3) .feature-table-img {
  right: 10px;
}
#feature-table .col-xs-3:last-child .feature-table-img {
  right: 0px;
  left: 30px;
}
.section .title h2 {
  margin-top: 268px;
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 500;
}
.section .title p {
  color: #949494;
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 50px;
}
.section .title {
  margin-bottom: 50px;
}
.backdrop {
  height: 634px;
  position: relative;
  background-color: #333;
}
.backdrop .backdrop-img {
  position: absolute;
  bottom: 0;
  background-image: url('/public/img/marketing/photo-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
}
#tagline {
  font-size: 27px;
  margin-top: 14px;
  font-weight: 300;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
  max-width: 420px;
}
.invitation h2,
#ups h2 {
  margin-top: 43px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
#feature-table h2 {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
#feature-table p {
  font-size: 13px;
  line-height: 1.7;
}
.invitation p,
#ups p,
#feature-table p {
  color: #777;
}
#ups p {
  font-size: 14px;
  line-height: 160%;
}
.invitation p {
  font-size: 19px;
  font-weight: 200;
}
#ups .col-xs-4 {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
.invitation h2 {
  margin-top: 10px;
  margin-bottom: 5px;
}
.invitation {
  padding-top: 42px;
  padding-bottom: 42px;
}
.btn.invitation-signup {
  background-image: url('/public/img/buttonicons/checkmark.png');
  background-size: 24px 25px;
  background-repeat: no-repeat;
  background-position: 18px 10px;
  padding-left: 54px;
  padding-right: 21px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.invitation-signup:active {
  background-image: url('/public/img/buttonicons/checkmark.png');
}
.overview {
  border-top: 1px #e5e5e5 solid;
}
#quote {
  margin-top: 20px;
  margin-bottom: 30px;
}
#quote p {
  font-size: 43px;
  font-style: italic;
  color: #8f8f8f;
  text-align: center;
}
/*#heroes {*/
/*padding-left: 20px;*/
/*padding-right: 20px;*/
/*padding-bottom: 40px;*/
/*}*/
/*.hero .photo {*/
/*border-radius: 50%;*/
/*border: 1px #eee solid;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*width: 89px;*/
/*height: 89px;*/
/*position: relative;*/
/*}*/
/*.hero .photo .img {*/
/*position: absolute;*/
/*border-radius: 50%;*/
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*width: 77px;*/
/*height: 77px;*/
/*left: 5px;*/
/*top: 5px;*/
/*}*/
/*.hero .photo .backdrop {*/
/*position: absolute;*/
/*border-radius: 50%;*/
/*background-color: black;*/
/*z-index: -10;*/
/*width: 75px;*/
/*height: 75px;*/
/*left: 6px;*/
/*top: 6px;*/
/*}*/
/*.hero .details {*/
/*padding-left: 18px;*/
/*display: inline-block;*/
/*font-size: 15px;*/
/*vertical-align: middle;*/
/*}*/
/*.hero .name {*/
/*font-weight: bold;*/
/*}*/
/*.hero .affiliation {*/
/*color: #aaa;*/
/*}*/
#masthead {
  position: absolute;
  z-index: 5;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
#masthead hr {
  margin-top: 0;
  margin-bottom: 0;
}
.omitted {
  opacity: 0;
  /* This is here to keep IE8 happy: */
  visibility: hidden;
}
.omitted-add.omitted-add-active {
  opacity: 0;
}
.omitted-remove.omitted-remove-active {
  opacity: 1;
}
.section {
  min-height: 700px;
}
.section.ng-enter,
.section.ng-leave {
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  transition: all linear 100ms;
  display: block !important;
}
.section.ng-enter {
  opacity: 0;
}
.section.ng-leave {
  opacity: 1;
}
.section.ng-enter.ng-enter-active {
  transition-delay: 100ms;
  opacity: 1;
}
.section.ng-leave-active {
  opacity: 0;
}
.plan {
  border: 1px solid;
  padding: 25px;
  padding-bottom: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
.plan p {
  letter-spacing: .5px;
}
.plan.free {
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  color: #2f3c41;
}
.plan.premium {
  background-color: #4da99b;
  border: 1px solid #4da99b;
  color: #fff;
}
.plan.premium h2 {
  color: white;
}
.plan h2 {
  font-size: 19px;
  font-weight: 600;
  margin-top: 11px;
  margin-bottom: 25px;
}
.plan table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 40px;
}
.plan table tr > * {
  border: 1px solid;
  border-left: none;
  border-right: none;
}
.plan.premium table tr > * {
  border-color: #afdfd6;
}
.plan.free table tr > * {
  border-color: #cbcecf;
}
.plan tr > * {
  padding-top: 14px;
  padding-bottom: 14px;
}
.plan em {
  font-style: normal;
  font-weight: bold;
}
.centered {
  text-align: center;
}
.hint {
  padding-top: 40px;
  font-size: 19px;
  font-weight: 300;
  padding-bottom: 80px;
}
.huge {
  font-size: 250%;
  vertical-align: top;
  margin-top: -0.25em;
}
.plan .top {
  height: 150px;
}
form {
  margin-bottom: 50px;
}
.backdrop {
  -webkit-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms;
  -moz-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms;
  -o-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms;
  transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2) {
  .feature-checked {
    background-image: url('/public/img/marketing/feature-checkmark@2x.png');
  }
  nav .tabs.navbar-nav a.selected {
    background-image: url('/public/img/oval-arrow-grey@2x.png');
  }
  nav .tabs.navbar-nav a {
    background-image: url('/public/img/oval-arrow-blue@2x.png');
  }
  .btn.invitation-signup,
  .btn.invitation-signup:active {
    background-image: url('/public/img/buttonicons/checkmark@2x.png');
  }
}
.all.expanded .backdrop {
  height: 634px;
}
.all.minimized #masthead,
.all.collapsed #masthead {
  height: 182px;
  position: fixed;
}
.all.minimized .backdrop,
.all.collapsed .backdrop {
  height: 90px;
}
.all.minimized .backdrop {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
.all.resizing .backdrop {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
#landing #header {
  border: none;
}
.navbar-nav.navbar-unresponsive > li > a {
  padding-top: 13.5px;
  padding-bottom: 13.5px;
}
.supported-styles {
  margin: 40px 0px 100px 0px;
}
.inst-email {
  color: #767676;
  font-size: 13px;
  float: left;
  text-align: left;
  margin-bottom: 3px;
  cursor: auto;
}
.input-form-email-sso {
  width: 100%;
}
.supported-styles td {
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #E6E6E6;
}
.supported-styles td.name {
  text-align: left;
}
.blue-link {
  color: #0066cc !important;
}
.blue-link .start-over {
  margin-bottom: 40px;
}
.outline-link {
  text-decoration: underline;
}
.outline-link:hover,
.outline-link:focus {
  outline: #0066cc solid 2px;
  text-decoration: none;
}
.footer-content-container {
  padding: 2px 24px 12px;
  display: flex;
}
.footer-content-container .footer-top-container,
.footer-content-container .footer-top-links,
.footer-content-container .footer-bottom-container,
.footer-content-container .footer-bottom-links {
  display: flex;
  align-items: center;
  gap: 32px;
}
.footer-content-container .footer-top-container li,
.footer-content-container .footer-top-links li,
.footer-content-container .footer-bottom-container li,
.footer-content-container .footer-bottom-links li {
  list-style: none;
}
.footer-content-container .footer-top-container li a,
.footer-content-container .footer-top-links li a,
.footer-content-container .footer-bottom-container li a,
.footer-content-container .footer-bottom-links li a,
.footer-content-container .footer-top-container .copyright span,
.footer-content-container .footer-top-links .copyright span,
.footer-content-container .footer-bottom-container .copyright span,
.footer-content-container .footer-bottom-links .copyright span {
  font-size: 14px;
}
.footer-content-container .footer-top-container {
  margin-right: 32px;
  justify-content: space-between;
  flex: 1 0 auto;
}
.footer-content-container .clarivate-logo-container img {
  width: 130px;
}
#login-error-warning {
  color: #A94442;
  background-color: #F2DEDE;
  border: 1px solid #EBCCD1;
  border-radius: 3px;
  padding: 14px 20px;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 24px;
  text-align: left;
}
#login-error-warning.margin {
  margin: 24px 20px 0;
}
#login-error-warning a {
  color: #A94442!important;
  text-decoration: underline;
}
#login-error-warning a:focus {
  outline: 2px solid #A94442;
}
#login-error-warning i {
  font-size: 20px;
}
#login-error-warning .btn-link {
  color: #A94442!important;
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  height: 20px;
}
#login-error-warning .btn-link:focus {
  outline: 2px solid #A94442;
}
#login-error-warning .inline-form {
  display: inline;
}
#forgot-password-instruction {
  line-height: 1.5;
  margin-top: 12px;
}
body#reset,
body#goodbye {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.reset-password-background,
.goodbye-background {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.reset-password-background #login_vert_align,
.goodbye-background #login_vert_align {
  margin: 60px 0!important;
}
.reset-password-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 120px!important;
  padding: 40px 60px!important;
}
.reset-password-container h1 {
  color: #00558e;
  margin: 0;
}
.reset-password-container form,
#signup-choose-password form,
#signup-institutional form,
.login-form-container form {
  display: flex;
  flex-direction: column;
  width: unset;
}
.reset-password-container form .password-input-group.confirm-group,
#signup-choose-password form .password-input-group.confirm-group,
#signup-institutional form .password-input-group.confirm-group,
.login-form-container form .password-input-group.confirm-group,
.reset-password-container form .reset-button,
#signup-choose-password form .reset-button,
#signup-institutional form .reset-button,
.login-form-container form .reset-button {
  margin-top: 24px;
}
.reset-password-container form .reset-button:focus,
#signup-choose-password form .reset-button:focus,
#signup-institutional form .reset-button:focus,
.login-form-container form .reset-button:focus,
.reset-password-container form .btn-full-width:focus,
#signup-choose-password form .btn-full-width:focus,
#signup-institutional form .btn-full-width:focus,
.login-form-container form .btn-full-width:focus {
  box-shadow: none;
  background-color: #0e7bba;
  outline: 2px solid white;
  color: white;
  outline-offset: -5px;
}
.reset-password-container form .password-input-group,
#signup-choose-password form .password-input-group,
#signup-institutional form .password-input-group,
.login-form-container form .password-input-group {
  margin-bottom: 8px;
  position: relative;
}
.reset-password-container form .password-input-group label,
#signup-choose-password form .password-input-group label,
#signup-institutional form .password-input-group label,
.login-form-container form .password-input-group label {
  text-align: left;
}
.reset-password-container form .password-input-group input:not(.btn):not([type="email"]),
#signup-choose-password form .password-input-group input:not(.btn):not([type="email"]),
#signup-institutional form .password-input-group input:not(.btn):not([type="email"]),
.login-form-container form .password-input-group input:not(.btn):not([type="email"]) {
  padding-right: 40px;
}
.reset-password-container form .password-input-group input:not(.btn):not([type="email"]):focus,
#signup-choose-password form .password-input-group input:not(.btn):not([type="email"]):focus,
#signup-institutional form .password-input-group input:not(.btn):not([type="email"]):focus,
.login-form-container form .password-input-group input:not(.btn):not([type="email"]):focus {
  border: 2px solid #0066cc;
}
.reset-password-container form .password-input-group input:not(.btn):not([type="email"]).invalid,
#signup-choose-password form .password-input-group input:not(.btn):not([type="email"]).invalid,
#signup-institutional form .password-input-group input:not(.btn):not([type="email"]).invalid,
.login-form-container form .password-input-group input:not(.btn):not([type="email"]).invalid {
  border-color: #f00;
}
.reset-password-container form .password-input-group input.btn,
#signup-choose-password form .password-input-group input.btn,
#signup-institutional form .password-input-group input.btn,
.login-form-container form .password-input-group input.btn {
  padding: 0;
}
.reset-password-container form .password-input-group i,
#signup-choose-password form .password-input-group i,
#signup-institutional form .password-input-group i,
.login-form-container form .password-input-group i {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  bottom: 0;
  top: unset;
  height: 38px;
  width: 38px;
  font-size: 24px;
  color: #767676;
}
.reset-password-container form .password-input-group i:focus,
#signup-choose-password form .password-input-group i:focus,
#signup-institutional form .password-input-group i:focus,
.login-form-container form .password-input-group i:focus {
  outline: 2px solid #0066cc;
  outline-offset: -2px;
}
.reset-password-container form input,
#signup-choose-password form input,
#signup-institutional form input,
.login-form-container form input,
.reset-password-container form button,
#signup-choose-password form button,
#signup-institutional form button,
.login-form-container form button {
  height: 38px;
  font-size: 18px;
}
.reset-password-container form .password-warning,
#signup-choose-password form .password-warning,
#signup-institutional form .password-warning,
.login-form-container form .password-warning {
  color: #767676;
  text-align: left;
}
.reset-password-container form .password-warning i,
#signup-choose-password form .password-warning i,
#signup-institutional form .password-warning i,
.login-form-container form .password-warning i {
  margin-right: 8px;
}
.reset-password-container form .password-warning.red-password-warning,
#signup-choose-password form .password-warning.red-password-warning,
#signup-institutional form .password-warning.red-password-warning,
.login-form-container form .password-warning.red-password-warning {
  color: red;
}
.reset-password-container form .password-warning.red-password-warning i,
#signup-choose-password form .password-warning.red-password-warning i,
#signup-institutional form .password-warning.red-password-warning i,
.login-form-container form .password-warning.red-password-warning i {
  color: red;
}
.reset-password-container form .checklist,
#signup-choose-password form .checklist,
#signup-institutional form .checklist,
.login-form-container form .checklist {
  color: #222222;
  text-align: left;
}
.reset-password-container form .checklist .checklist-item .glyphicon,
#signup-choose-password form .checklist .checklist-item .glyphicon,
#signup-institutional form .checklist .checklist-item .glyphicon,
.login-form-container form .checklist .checklist-item .glyphicon {
  margin-right: 7.5px;
}
.reset-password-container form .checklist .checklist-item.pristine,
#signup-choose-password form .checklist .checklist-item.pristine,
#signup-institutional form .checklist .checklist-item.pristine,
.login-form-container form .checklist .checklist-item.pristine {
  margin-left: 5px;
}
.reset-password-container form .checklist .checklist-item.pristine .glyphicon,
#signup-choose-password form .checklist .checklist-item.pristine .glyphicon,
#signup-institutional form .checklist .checklist-item.pristine .glyphicon,
.login-form-container form .checklist .checklist-item.pristine .glyphicon {
  display: none;
}
.reset-password-container form .checklist .checklist-item.invalid,
#signup-choose-password form .checklist .checklist-item.invalid,
#signup-institutional form .checklist .checklist-item.invalid,
.login-form-container form .checklist .checklist-item.invalid {
  list-style: none;
  color: #f00;
}
.reset-password-container form .checklist .checklist-item.invalid .glyphicon::before,
#signup-choose-password form .checklist .checklist-item.invalid .glyphicon::before,
#signup-institutional form .checklist .checklist-item.invalid .glyphicon::before,
.login-form-container form .checklist .checklist-item.invalid .glyphicon::before {
  content: "\e014";
}
.reset-password-container form .checklist .checklist-item.valid,
#signup-choose-password form .checklist .checklist-item.valid,
#signup-institutional form .checklist .checklist-item.valid,
.login-form-container form .checklist .checklist-item.valid {
  list-style: none;
  color: #008000;
}
.reset-password-container form .checklist .checklist-item.valid .glyphicon::before,
#signup-choose-password form .checklist .checklist-item.valid .glyphicon::before,
#signup-institutional form .checklist .checklist-item.valid .glyphicon::before,
.login-form-container form .checklist .checklist-item.valid .glyphicon::before {
  content: "\e013";
}
.reset-password-container .instruction,
#signup-choose-password .instruction,
#signup-institutional .instruction,
.login-form-container .instruction,
.reset-password-container label,
#signup-choose-password label,
#signup-institutional label,
.login-form-container label,
.reset-password-container .already,
#signup-choose-password .already,
#signup-institutional .already,
.login-form-container .already {
  color: #222222!important;
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  font-size: 18px!important;
  font-weight: 300;
}
.reset-password-container .already,
#signup-choose-password .already,
#signup-institutional .already,
.login-form-container .already,
.reset-password-container .tos,
#signup-choose-password .tos,
#signup-institutional .tos,
.login-form-container .tos {
  text-align: left;
}
.reset-password-container .already a,
#signup-choose-password .already a,
#signup-institutional .already a,
.login-form-container .already a,
.reset-password-container .tos a,
#signup-choose-password .tos a,
#signup-institutional .tos a,
.login-form-container .tos a {
  color: #0066CC;
  text-decoration: none;
}
.reset-password-container .already a:hover,
#signup-choose-password .already a:hover,
#signup-institutional .already a:hover,
.login-form-container .already a:hover,
.reset-password-container .tos a:hover,
#signup-choose-password .tos a:hover,
#signup-institutional .tos a:hover,
.login-form-container .tos a:hover,
.reset-password-container .already a:focus,
#signup-choose-password .already a:focus,
#signup-institutional .already a:focus,
.login-form-container .already a:focus,
.reset-password-container .tos a:focus,
#signup-choose-password .tos a:focus,
#signup-institutional .tos a:focus,
.login-form-container .tos a:focus {
  text-decoration: underline;
  outline: none;
}
#goodbye #login_vert_align {
  padding: 40px 60px;
}
#goodbye svg {
  margin-bottom: 24px;
}
#goodbye h1 {
  color: #00558e;
  margin: 0;
}
#goodbye p {
  margin-top: 24px;
  color: #222222;
  font-size: 18px;
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  text-align: left;
  line-height: 160%;
}
#signup-institutional h1,
.login-form-container h1 {
  margin-bottom: 4px!important;
}
.login-form-container {
  padding: 20px 60px!important;
  font-size: 18px;
}
.login-form-container .select2-chosen {
  font-size: 18px;
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
}
.login-form-container #forgot-password-link {
  color: #767676!important;
}
.login-form-container #forgot-password-link:focus {
  outline: none;
  text-decoration: underline;
}
.login-form-container #signin_marketing_button,
.login-form-container #signin-button {
  font-size: 18px;
  height: 38px;
  padding: 0;
}
.login-form-container .newtorw {
  color: #222222;
}
#signup-choose-password,
#signup-institutional,
.login-form-container,
.slash-login-page {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
#signup-choose-password h1,
#signup-institutional h1,
.login-form-container h1,
.slash-login-page h1 {
  margin: 20px 0 24px;
}
#signup-choose-password .choose-password-shibboleth-form .select2-chosen,
#signup-institutional .choose-password-shibboleth-form .select2-chosen,
.login-form-container .choose-password-shibboleth-form .select2-chosen,
.slash-login-page .choose-password-shibboleth-form .select2-chosen {
  font-size: 18px;
}
#signup-choose-password .or-section,
#signup-institutional .or-section,
.login-form-container .or-section,
.slash-login-page .or-section {
  display: flex;
  align-items: center;
}
#signup-choose-password .or-section hr,
#signup-institutional .or-section hr,
.login-form-container .or-section hr,
.slash-login-page .or-section hr {
  flex: 1 0 auto;
}
#signup-choose-password .or-section span,
#signup-institutional .or-section span,
.login-form-container .or-section span,
.slash-login-page .or-section span {
  color: #767676;
  font-size: 18px;
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  padding: 0 24px;
}
#signup-choose-password .password-input-group,
#signup-institutional .password-input-group,
.login-form-container .password-input-group,
.slash-login-page .password-input-group {
  margin-top: 18px;
}
#signup-choose-password .password-input-group.tos,
#signup-institutional .password-input-group.tos,
.login-form-container .password-input-group.tos,
.slash-login-page .password-input-group.tos {
  margin-top: 4px;
}
#signup-choose-password .password-input-group.password-button,
#signup-institutional .password-input-group.password-button,
.login-form-container .password-input-group.password-button,
.slash-login-page .password-input-group.password-button {
  margin-top: 0;
}
#signup-choose-password .form-group,
#signup-institutional .form-group,
.login-form-container .form-group,
.slash-login-page .form-group {
  margin-left: 0;
  margin-right: 0;
}
#signup-choose-password .form-group.email-group,
#signup-institutional .form-group.email-group,
.login-form-container .form-group.email-group,
.slash-login-page .form-group.email-group {
  margin-top: 12px;
}
#signup-choose-password .already,
#signup-institutional .already,
.login-form-container .already,
.slash-login-page .already {
  margin: 12px 0;
}
#signup-choose-password a,
#signup-institutional a,
.login-form-container a,
.slash-login-page a {
  color: #0066cc!important;
}
#signup-choose-password .button-back,
#signup-institutional .button-back,
.login-form-container .button-back,
.slash-login-page .button-back {
  color: #00558e!important;
  font-size: 24px;
  text-decoration: none;
  margin-right: 38px;
  margin-left: -56px;
}
#signup-choose-password .button-back:focus,
#signup-institutional .button-back:focus,
.login-form-container .button-back:focus,
.slash-login-page .button-back:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
#signup-choose-password .instruction,
#signup-institutional .instruction,
.login-form-container .instruction,
.slash-login-page .instruction,
#signup-choose-password label,
#signup-institutional label,
.login-form-container label,
.slash-login-page label {
  text-align: left;
  color: #222222!important;
  font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
  font-size: 18px!important;
}
#signup-choose-password label,
#signup-institutional label,
.login-form-container label,
.slash-login-page label {
  width: 100%;
}
#signup-choose-password .provided-by,
#signup-institutional .provided-by,
.login-form-container .provided-by,
.slash-login-page .provided-by {
  text-align: center;
}
#signup-choose-password .new-to-refworks,
#signup-institutional .new-to-refworks,
.login-form-container .new-to-refworks,
.slash-login-page .new-to-refworks {
  text-align: left;
}
.glyphicon.glyphicon-eye-close {
  color: transparent!important;
}
.glyphicon.glyphicon-eye-close::before {
  background-image: url('/public/img/app/eye-close.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}
.glyphicon.glyphicon-eye-open {
  color: transparent!important;
}
.glyphicon.glyphicon-eye-open::before {
  background-image: url('/public/img/app/eye-open.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1279px) {
  .footer.footer-dark {
    height: 172px;
  }
  .footer-content-container {
    padding-top: 18px;
    flex-direction: column;
    align-items: center;
  }
  .footer-content-container .footer-top-container {
    margin-right: 0;
    margin-bottom: 32px;
    width: 100%;
  }
  .footer-content-container .footer-bottom-container {
    flex-direction: row;
    margin-bottom: 22px;
    gap: 16px;
  }
  .footer-content-container .footer-bottom-container .footer-bottom-links {
    gap: 16px;
  }
  .footer-content-container .clarivate-logo-container img {
    width: 180px;
  }
}
@media screen and (max-width: 800px) {
  .footer.footer-dark {
    height: auto;
  }
  .footer-content-container .footer-top-container {
    margin-bottom: 90px;
  }
  .footer-content-container .footer-bottom-container {
    flex-direction: column;
    margin-bottom: 12px;
    gap: 32px;
  }
}
@media screen and (max-width: 680px) {
  .footer-content-container,
  .footer-top-container,
  .footer-top-links,
  .footer-bottom-container,
  .footer-bottom-links {
    flex-direction: column;
    margin: 0!important;
    gap: 32px!important;
    align-items: flex-start !important;
  }
}