/* Color palette - for all the details of colors and shades see: colors.css */
.color-grey,
.color-grey a {
    color: #2e3436;
}

.color-yellow,
.color-yellow a {
    color: #e3c966;
}

.color-blue,
.color-blue a {
    color: #346e8a;
}
.color-blue a:hover {
    color: #1E5B79;
}

.color-red,
.color-red a {
    color: #ba685f;
}

.color-white,
.color-white a {
    color: #f0f0f0;
}

.width-100 {
  width: 100%;
}


html {
    position: relative;
    min-height: 100%;
}

body {
    height: 100%;
    background-color: #2e3436;
    color: #ffffff;
    margin-bottom: 34px;
    /* font-family: 'Open Sans Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; */
}
@media (max-width: 767px) {
  body {
    margin-bottom: 46px;
  }
}


/*****  global modifications of Bootstrap styles  *****/

.jumbotron { background-color: #2e3436 }

.footer {
    position: absolute;
    bottom: 0;
    font-size: small;
    text-align: center;
    width: 100%;
    padding: 6px;
    padding-bottom: 0;
    background-color: #3c4346;
}
.footer a,
.footer li {
  color: #808080;
}
.footer-links li {
  display: inline;
  padding: 0 5px;
}
.footer-links li:first-child {
  padding-left: 0;
}

dl > dt {
    margin-top: 12px;
}

blockquote {
    font-size: medium;
    overflow-wrap: break-word;
}

.author-names {
    margin-top: 0.6em;
    line-height: 95%;
}
.author-names, .author-names a { color: #222 }

.author-break {
    padding-bottom: 0.6em;
}

.pre-wrap {
    white-space: pre-wrap;
}

.jb-home, .jb-error {
    background-image: url(/static/img/wide/home.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.jb-about {
    background-image: url(/static/img/wide/about.jpg);
    background-repeat: no-repeat;
}

/* TODO: remove styles below (?) */
.jb-01 {
    background-image: url(/static/img/wide/01.jpg);
    background-repeat: no-repeat;
}
.jb-02 {
    background-image: url(/static/img/wide/02.jpg);
    background-repeat: no-repeat;
}
.jb-03 {
    background-image: url(/static/img/wide/03.jpg);
    background-repeat: no-repeat;
}
.jb-04 {
    background-image: url(/static/img/wide/04.jpg);
    background-repeat: no-repeat;
}


.modal-body {
    margin-top: -1em;
}

.modal-full {
    width: 100%;
    height: 98%;
}

.modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-content {
  height: 100%;
  border-radius: 0;
}

.navbar-collapse { padding-right: 0 }

@media (min-width: 768px) {
  .navbar-collapse {
    float: right;
  }
}

.navbar-hr {
    height: 16px;
    margin-top: -10px;
    width: 100%;
    background-image: url(/static/img/hr.png);
    background-repeat: repeat-x;
}
@media (max-width: 767px) {
  .navbar-hr { display: none; }
  .navbar { margin-bottom: 0; }
}

@media (max-width: 767px) {
  .navbar .navbar-search-form {
    padding-bottom: 24px;
  }
}

.navbar .search-bar {
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
.search-bar {
    /* stackoverflow.com/questions/18552714 */
    display: table !important;
}
.search-bar > .input-group-addon {
    width: 1% !important;
}

.panel-sidebar-container {
    padding-top: 12px;
}

.panel-sidebar {
    font-size: small;
    line-height: 1.35;
    border-radius: 5px;
    padding: 10px 15px;
}
.panel-sidebar p { margin: 2px 0 12px }

.panel-content {
    border-radius: 8px;
    padding: 2% 3%;
}

.navbar-nav {
    margin: 0;
    margin-top: 16px;
}

.navbar-nav > li > a.icon {
    padding-right: 0;
    padding-left: 5px;
    text-decoration: none;
}

.navbar-inverse .navbar-nav > li > a.icon:hover,
.navbar-inverse .navbar-nav > li > a.icon:focus {
    color: #55acee;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: #4c565a;
}

.navbar-header {
    min-height: 72px;
}

.navbar-inverse {
	border: 0;
    background-color: #2e3436;
    border-bottom-color: #383f42;
    /*min-height: 72px;*/
}

.breadcrumb a {color: #50859F}
.breadcrumb .fa-rss:hover {color: #23527c}


/*****  Our custom styles, global  *****/

.bg-blue {background-color: #96B6C6;}		/* #91a7b3; - old value, greyish */
.bg-blue,
.bg-blue a {color: #09384F;}				/* #1f5370; */

.bg-yellow {background-color: #FFF4CA;}	    /* #fff6d4; */
.bg-yellow,
.bg-yellow a {color: #78251D;}			    /* #732736; */

.bg-red {background-color: #f2d2ce;}
.bg-red,
.bg-red a {color: #5e2759;}

.bg-grey {background-color: #40484B} /*#414445*/
.bg-grey,
.bg-grey a {color: #f0f0f0;}

.bg-white {background-color: #ffffff; color: #222;}

.paper-list-title,
.paper-list-title a {
    color: #1E5B79;
    padding-top: 6px;
    margin-bottom: 6px;
}
.paper-list-title-grey,
.paper-list-title-grey a {
    color: #8a8a8a;
    padding-top: 2px;
    margin-bottom: 2px;
}

/* visited links displayed in brighter color */
.bg-blue .panel-text a:visited {color: #1E5B79;}
.bg-yellow .panel-text a:visited {color: #B16159;}
.paper-list-title a:visited,
.color-blue a:visited {color: #5B97B4;}

.paper-list-title a:hover {color: #18485F;}

.paper-list-details-small { 
    margin-top: -3px;
    margin-bottom: 10px;
}
.paper-list-details, .paper-list-details-small, .paper-list-date {
    font-size: 13px;
}
@media (min-width: 992px) {
  .paper-list-details,
  .paper-list-date {
    margin-top: 16px;
  }
}


/*****  Our custom styles, page-specific  *****/

@media(min-width: 1200px) {
	.custom-col-lg-3 { width: 330px; }
	.custom-col-lg-9 { width: 840px; }
}

.stats-number {
    font-size: 19px;
    font-weight: bold;
    text-align: right;
    margin-right: -20px;
    width: 60%;
}
.stats-text {
    margin-top: 2px;
    font-size: 17px;
    width: 40%;
}
/* larger font on large screens */
@media(min-width: 1200px) {
    .stats-number { font-size: 22px; }
    .stats-text   { font-size: 20px; }
}


/* Paper page */

.panel-text__full {display: none;}
.panel-text:hover .panel-text__cut {display: none;}
.panel-text:hover .panel-text__full {display: inline;}
/*
.panel-text > a:after { content:''; clear: both; display: block; }
.panel-text > a > span {float: left;}
*/

.fb-like { margin-top: 1px}
.twitter-share-button { margin: 1px 0 -5px }

.pdf-viewer {
    width: 100%;
    height: 90vh;
    min-height: 500px;
    border: solid 1px #cccccc;
    overflow-y: auto;			/* to add scrollbar (avoid text overflow) when PDF viewer is unavailable and raw text is shown */
}

.pdf-viewer-full {
    margin-top: 0;
    background-color: #3d3d3d;
}
.pdf-viewer-full-close {
    font-size: large;
    float: right;
    margin: 4px;
    z-index: 2;
    color: #cccccc;
}

.noscroll {
  height: 100%;
  overflow: hidden;
}

.bib-journal, .bib-journal:hover { color: #333; }  /*181818*/
.paper-list-details, .paper-list-details-small, .bib-authors, .bib-authors a { color: #999; }
.bib-abstract {
    font-size: 14px;
    color: #666;
    line-height: 1.3;
    overflow-wrap: break-word;
}

.endnote {
    line-height: 1.3;
    font-size: small;

    /* Wrapping long URL-s. */
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.endnote, .endnote a {
    color: #777;
}

/* Journal page: "Browse" side box */

.letter-link {
    display: block;
    background-color: #98B8C8;  /* #93a9b5 old value greyish */
    color: #429bca;
    width: 100%;
    text-align: center;
    padding: 4px 2px 4px 2px;
}

.letter-link-active {
    display: block;
    background-color: #BBD2DD;  /* #b1c7d3 old value greyish */
    color: #e0e0e0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 4px 2px 4px 2px;
}

.journal-letter, .journal-letter-2x {
    display: inline-block;
    border: solid #96B6C6 1px;  /* #91a7b3 old value greyish */
    padding: 1px 1px 1px 1px;
    min-width: 19px;            /* special settings for wide screens: see below */
}

/* Facets */
.facet-list {
  padding: 0;
  border: none;
}
.facet-list-header {
  padding: 11px 15px 6px;
  margin-bottom: 0;
}
.facet-content { border-top: 1px solid #ddd; }
.facet-list-items {
  overflow-x: visible;
  overflow-y: auto;
  max-height: 160px;
  border-bottom-left-radius: 4px; 
  border-bottom-right-radius: 4px
}
.facet-list-items .list-group-item { border-radius: 0; }
.list-group-item { border-right: 0 }

.clear-facets { padding: 2px 7px; border: 0; border-radius: 4px; }
.badge { margin-left: 10px }

svg.facet-histogram {
  width: 100%;
  height: 60px;
}
svg.facet-histogram rect.bar {
  fill: #5B97B4;
  stroke: #5B97B4;
  stroke-width: 0.1px;
}
svg.facet-histogram rect.bar:hover {
  fill: #82AEC4;
  stroke: #82AEC4;
}
svg.facet-histogram rect.range {
  fill: #E2F0F6;
  stroke: #346E8A;
  stroke-width: 0.1px;
}
.facet-year {
  font-size: 0;
}
.facet-year > * {
  font-size: small;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
}
.facet-year input {
  width: 30% !important;
  padding: 4px;
  height: 35px;
  /*border: none;
  box-shadow: none;*/
}
.facet-year .dash {
  width: 15% !important;
  vertical-align: middle;
}
.facet-year .input-group-btn {
  width: 20% !important;
  float: right;
  margin-left: 5%;
}
.facet-year button {
  width: 100% !important;
  float: right;
  font-size: 16px;
  line-height: 1;
  height: 35px;
  vertical-align: middle;
  border-top-right-radius: 0;
}

/* http://stackoverflow.com/questions/9707021 */
.facet-year input:focus::-webkit-input-placeholder { color: transparent; }
.facet-year input:focus:-moz-placeholder { color: transparent; }
.facet-year input:focus::-moz-placeholder { color: transparent; }
.facet-year input:focus:-ms-input-placeholder { color: transparent; }

/* Search results */

#adv-search-panel {background-color: #4A5255; color: #eee}
#adv-search-panel .form-control {background-color: #eee; height: 34px; font-size: 14px}
#adv-search-panel .form-control[type="number"] {padding-right: 0}
#adv-search-panel .btn {color: #eee; border-color: #567C9F}     /*#7093B2*/
#adv-search-panel .btn:hover {border-color: #3C668C}
#adv-search-panel  select {padding: 6px}
#adv-search-panel .mdash {display:table-cell; vertical-align:middle; font-size:10px; padding:10px}
#adv-search-panel .input-group .form-control:first-child {border-top-right-radius: 3px; border-bottom-right-radius: 3px}
#adv-search-panel .input-group .form-control:last-child  {border-top-left-radius: 3px; border-bottom-left-radius: 3px}

@media (max-width: 991px) {
    #adv-search-panel .form-control {margin-bottom: 5px}
}

/* Seach options on top of search results */

.search-options {
  float: right;
  color: #788184;
}

.sort-entry:not(:last-child)::after {
  content: "|";
}

.sort-entry .sort-link {
  text-decoration: none;
  padding: 2px;
}

.sort-entry .sort-link:hover {
  background-color: #f5f5f5;
}

.sort-entry .sort-link:not(.sort-link-active) {
  color: inherit;
}

.sort-entry .sort-link-active {
  font-weight: bold;
}


/* Advanced search */

.advanced-search-link {
  float: right;
  position: relative;
  right: 12px;
  top: 2px;
  font-size: 0.9em;
}

.advanced-search-form samp {
  color: #666F73;
  font-size: 0.9em;
}
.advanced-search-form samp strong {
  color: #346E8A;
  text-shadow: 0 0 2px #B3D2E1;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { font-size: 12px; padding: 2px 5px; white-space: nowrap; overflow: hidden; color: #333; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* special settings for wide screens */
@media screen and (min-width:992px) {
    .journal-letter    { min-width: 21px; }
    .journal-letter-2x { min-width: 46px; }
}

@media screen and (min-width:1200px) {
    .journal-letter    { min-width: 27px; }
    .journal-letter-2x { min-width: 58px; }
}


/* TrendMD ads in a sidebar */
#trendmd-suggestions h3 { color: #C4C9CA; font-weight: normal !important; font-style: italic !important; font-size: small !important; margin: -8px 0 -15px !important; }
#trendmd-suggestions .trendmd-widget-list-item__link { color: #C4C9CA !important; }
#trendmd-suggestions .trendmd-widget-list-item__meta { color: #788184 !important; }
#trendmd-suggestions .trendmd-widget-footer { margin: -6px 0 !important; padding: 0 !important; border-top: 0 !important; font-size: smaller !important; }
#trendmd-suggestions .trendmd-widget-brand { font-size: smaller !important; }
#trendmd-suggestions { margin: -2px 3px 12px 9px !important; }
.trendmd-widget-header, span.trendmd-widget-list-item__link__external, .trendmd-widget-footer-inner-right { display: none !important }

.flashes {
    background-color: #346e8a;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 8px 8px;
}

.flashes ul {
    list-style-type:none;
    padding-left: 0;
    display: inline;
}

.flashes li:last-child {
    display: inline;
}

#hideFlashMessages {
    background-color: #e3c966;
    border-color: #e3c966;
    color: #2e3436;
    margin: 0 0 0 10px;
    font-weight: bold;
}

.auth-error {
    color: #ba685f;
    font-style: italic;
}

.auth-form {
    padding: 30px 0 30px 0;
}

.auth-form #submit {
    margin: 20px 0 20px 0;
}

.auth-tips p {
    margin-top: 10px;
}