/* defaults */
#paper_container a, #search_container a, #metrics_container a, #paper_container .btn-link { color: var(--ar-main-color-link); }
#paper_container a:hover, #search_container a:hover, #metrics_container a:hover, #paper_container .btn-link:hover { color: var(--ar-main-color-linkhover); }
#paper_container, #search_container, #metrics_container { min-height: 800px; }
#paper_container button, #search_container button, #metrics_container button { box-shadow: none; }

#metrics_container img.card-img-top { object-fit: cover; height: 210px; }
#metrics_container #widget-common-profile .photo-wrapper, #search_container #widget-common-profile .photo-wrapper { width: 250px; height: 250px; margin: 0 auto 20px auto; }
#metrics_container #widget-common-profile .photo-wrapper .rounded-circle, #search_container #widget-common-profile .photo-wrapper .rounded-circle { width: 250px; height: 250px; overflow: hidden; border-radius: 50%; border: 5px solid #F5F5F5; }
#metrics_container #widget-common-profile .photo-wrapper img, #search_container #widget-common-profile .photo-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
#metrics_container #widget-common-profile .userlocation, #search_container #widget-common-profile .userlocation { color: #888; }
#metrics_container #widget-common-profile .desc, #search_container #widget-common-profile .desc { color: #888; }
#metrics_container #widget-common-profile .rightcol .card b, #search_container #widget-common-profile .rightcol .card b{ display: block; font-weight: 600; }
#metrics_container #widget-common-profile .badge, #search_container #widget-common-profile .badge { font-size: 15px; font-weight: 600; }
#metrics_container #widget-common-profile div.text-white.bg-dark sup, #search_container #widget-common-profile div.text-white.bg-dark sup { color: #FFF; }
#metrics_container #widget-common-profile .orgphoto-wrapper img, #search_container #widget-common-profile .orgphoto-wrapper img { overflow: hidden; width: 100%; max-height: 300px; object-fit: cover; object-position: center; }
#metrics_container #widget-common-profile .photo-wrapper-directory, #search_container #widget-common-profile .photo-wrapper-directory { width: 150px; height: 150px;  margin: 16px auto; }
#metrics_container #widget-common-profile .photo-wrapper-directory .rounded-circle, #search_container #widget-common-profile .photo-wrapper-directory .rounded-circle { width: 150px; height: 150px; }


#paper_container .paper-subtitle { 
	color: var(--ar-widget-color-subtitle) !important;
	fill: var(--ar-widget-color-subtitle) !important;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400 !important;
}


/* start generic charts pages parts */
text.highcharts-title, .chart-title {
	color: var(--ar-widget-color-title) !important;
	fill: var(--ar-widget-color-title) !important;
	font-size: var(--ar-widget-size-title) !important;
	line-height: var(--ar-widget-size-title-lh) !important;
	font-weight: 600 !important;
}
text.highcharts-subtitle, .chart-subtitle { 
	color: var(--ar-widget-color-subtitle) !important;
	fill: var(--ar-widget-color-subtitle) !important;
	font-size: var(--ar-widget-size-subtitle) !important;
	line-height: var(--ar-widget-size-subtitle-lh) !important;
	font-weight: 400 !important;
}

.share-vertical-left.share-short { margin-left: -75px; }
@media (max-width: 1480px) { .share-vertical-left.share-short { margin-left: 0; } }

@media (max-width: 768px) {
	.title-and-share-wrapper .share-buttons { margin-top: 9px; }
	.dc-font-share { display: none; }
}

.stats-widget i {
    font-size: 35px;
    color: #fff;
    border-radius: 50px;
    background: #0D404A;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
}

.cursor-pointer { cursor:pointer; }
a.author-link { text-decoration: underline !important; }
span.author-link { text-decoration: underline; cursor: not-allowed; color: #777; }
.author-link-sep, .keyword-link-sep { padding: 0 6px; }
.author-link-expand, .keyword-link-expand { text-decoration: underline !important; cursor:pointer; color: var(--ar-main-color-link); }
.no-link{ cursor: not-allowed; }
.fact_sheet b { display: block; margin-top: 20px; }
.fact_sheet > ul { list-style: none; padding-left: 0;}
.fact_sheet > ul > li > ul { margin-top: 10px; }
.left-profile ul { list-style-type: none; padding-left: 0px; }
.left-profile ul li { padding: 1px 0; }

.entity-search-label { min-width: 55px; justify-content: center; }

#btn_restart, #autocomplete-restart-btn { padding-top: 10.5px; box-shadow: none; }
#btn_filter { padding-top: 11px; box-shadow: none; }
#btn_filter i, #btn_restart i, #autocomplete-restart-btn i { color: #000000; }

.ai-disclaimer { margin-top: 30px; font-size: 15px; color: #777; font-style: italic; }
.ai-generated-icon, .label-icon { margin-right: 10px; }

#research-filters .view-toggle-link { padding-left: 25px; color: var(--ar-main-color-accent); }
#research-filters .view-toggle-link { filter: brightness(60%); }
#research-filters .form-check-input:checked { background-color: var(--ar-main-color-accent); border-color: var(--ar-main-color-accent) !important; }
#research-filters .clear-facet-checkbox { cursor:pointer; margin-left: 11px; text-decoration: none; }
.ar-loading-spinner, h6.subtitle { height: 20px; text-align: center; }

/* end generic charts pages parts */

.autocomplete-category { padding-left: 47px; }
.ac-left { margin-right: 15px; }
.autocomplete-item { padding-left: 15px; cursor:pointer; }
#autocomplete-search-results .list-group-item { border: none; }

#widget-common-profile h4 { font-size: 1.75rem; margin-bottom: 25px }
#widget-common-profile .profile-description { font-size: 18px; line-height: 27px; }


/* Search box Shortcode CSS Start */
input[type="text"], input[type="text"]:focus, .ar-search-box .btn.btn-light, .ar-search-box .btn.btn-light:focus, .ar-search-box .ar-search-input, .ar-search-box .ar-search-input:focus {
  border: 1px solid #EEE;
  padding-top: 8px;
  padding-bottom: 8px;
}

.ar-search-box .ar-search-input {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}


input[type="text"], input[type="text"]:focus, .ar-search-box .ar-search-input, .ar-search-box .ar-search-input:focus {
  background: #FFF;
  color: #000;
}

#search-papers .btn.btn-light { line-height: 36px; }
.no-results { margin: 20px 0; }
sup{ font-weight: 400; color: #000; margin-left: 4px; }
.disclaimer sup { margin-left: 0; }
#paper-disclaimer { margin: 20px 0; padding: 20px 0; border-top: 1px solid #eee;}

/* Search box Shortcode CSS End */


/* summary page */
#summary h1, #summary h1.title, .ai-title { color: var(--ar-widget-color-title); font-size: 30px; line-height: 40px; text-transform: none; font-weight: 600; }
#summary h1.title span.label { padding-left: 5px; } 
#summary h1.title i { float: left; margin: 4px 5px 0 0; } 
#summary h2 { font-size: 24px; margin-top: 40px; line-height: 34px; font-weight: 600; color: #37057e; }
#summary h3, #summary h4 { font-size: 20px; margin-top: 25px; line-height: 30px; font-weight: 600; }
#summary div p { color: #626262; }
#summary div.source_label { margin-top: 40px; font-size: 20px; font-weight: 600; margin-bottom: 10px; border-top: 1px solid #EEE; padding-top: 22px; } 
#summary ul { margin-top: 20px; }
#summary ul.source { padding: 0; margin: 0 0 0 18px; list-style-type: decimal; }
#summary ul.source li { padding: 6px 0; }
#summary ul.source li span.source_title { padding: 0 5px; display: block; }
#summary ul.source li span.source_meta { padding: 0 5px; display: block; }
#summary div.summary-footer { border-top: 1px solid #EEE; padding-top: 20px; margin-top: 20px; }
h2.ai-title { margin-top: 0px !important; }
#summary .source_title, #summary .source_meta { display: block; }
ul.source_list li { padding-top: 8px; padding-bottom: 8px; }

/* Bibliometrics CSS End */
/* Off Canvas CSS Start */
#facets-sidebar.offcanvas.offcanvas-start {
  width: 480px;
  max-width: 100%;
  z-index: 99999;
  font-size: 16px;
}

.offcanvas-header {
  background: #1d2327;
}

.offcanvas-header .btn-close {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 15px 15px;
}

.offcanvas-header button:hover {
  background-color: #000;
}

.offcanvas-title {
  font-size: 20px;
}

.offcanvas-body {
  padding-bottom: 60px;
}

.facet-count {
  padding-left: 5px;
}

.offcanvas-body .facet-filter:first-of-type {
  margin-top: 20px;
}

.offcanvas-body .facet-filter:not(:first-of-type) {
  margin-top: 30px;
}

div.facet-filter label.form-check-label {
  padding-right: 0;
}

.facet-filter h5.facet-filter-title {
  font-size: 20px;
  margin-block: 20px 10px; }

.offcanvas-body::-webkit-scrollbar {
  width: 5px;
}

.offcanvas-body::-webkit-scrollbar-track {
  background: #dddddd;
}

.offcanvas-body::-webkit-scrollbar-thumb {
  background: #000000;
}

/* Off Canvas CSS End */
/* Filter year range slider CSS Start */
#research-filters .facet-filter .slider-handle {
  background: #fff;
  border: 6px solid var(--ar-main-color-accent);
  margin-left: -15px;
}

#research-filters .facet-filter .slider.slider-horizontal .slider-track {
  height: 6px;
  margin-top: 0;
  top: 50%;
  transform: translate(0, -50%);
  border: none;
  box-shadow: none;
  margin-left: -12px;
  margin-top: -2px;
  width: calc(100% + 10px);
}

.facet-filter .slider-selection {
  background: #AAA;
}

.facet-filter .slider.slider-horizontal .slider-track-low, .facet-filter .slider.slider-horizontal .slider-track-high {
  background: #e5e5e5;
}

.facet-filter .slider.slider-horizontal {
  width: 100%;
  height: 25px;
  margin-bottom: 10px;
}

.facet-filter .facet-range {
  padding: 7px 0 0;
  max-width: 240px;
}

.facet-filter .facet-range-wp {
  padding-inline: 11px 15px; }

.slider-text-left {
  width: 50%;
  text-align: left;
}

.slider-text-right {
  width: 50%;
  text-align: right;
}

/* Filter year range slider CSS End */


/* Share Buttons CSS Start */
div.share-group { border: 1px solid #eee; background: #FFF; }
div.share-group .btn:hover { background: #f5f5f5; }
div.share-group .btn { box-shadow: none; }
div.share-group a { padding-left: 15px !important; padding-right: 15px !important; }
div.share-group a span { color: #232323 !important; }
.share-vertical-left { float:left; margin: 5px 20px 5px 0; width: 130px; }
.share-vertical-right { float:right; margin: 5px 0 5px 20px; width: 130px; }
.share-vertical-left.share-short, .share-vertical-right.share-short { width: 53px; }
.share-vertical-left.share-short span, .share-vertical-right.share-short span { display: none; }

div.share-buttons i.fa-facebook-f {
  font-family: "Font Awesome 5 Brands";
  color: #1877F2 !important;
}

div.share-buttons i.fa-x-twitter {
  font-family: "Font Awesome 5 Brands";
  color: #000000 !important;
}

div.share-buttons i.fa-linkedin {
  font-family: "Font Awesome 5 Brands";
  color: #0077B5 !important;
}

div.share-buttons i.fa-envelope {
  font-family: "Font Awesome 5 Free";
  color: #D44638 !important;
}

div.share-buttons i.fa-whatsapp {
  font-family: "Font Awesome 5 Brands";
  color: #25D366 !important;
}

div.share-buttons .btn-outline-ui:hover {
  background: #F5F5F5;
}

div.share-group i { margin-left: 0 !important; }
/* Share Buttons CSS End */

/* start institutions directory */
.az-list,.directory-country-list,.directory-institutions-list {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box
}

.az-list li {
  text-align: center;
  border: none;
  display: inline-block;
  width: 30px
}

.az-list li a {
  display: block;
  padding: 8px 6px;
  text-decoration: none;
  color: #333
}

.az-list li:hover {
  color: #000
}

.directory-country-list li {
  text-align: center;
  border: none;
  display: inline-block;
  width: 33.33%;
  float: left;
  font-size: 20px
}

.directory-country-list li a {
  display: block;
  padding: 8px 6px;
  text-decoration: none;
  color: #666
}

.directory-country-list li a:hover {
  color: #000
}

.directory-institutions-list li {
  text-align: left;
  border: none;
  display: block;
  width: 100%;
  padding: 8px 6px;
  font-size: 20px
}

.directory-institutions-list span.institution-position {
  display: inline-block;
  font-weight: 700;
  padding-right: 10px;
  min-width: 60px
}

.directory-institutions-list li a {
  display: inline-block;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  color: #666
}

.directory-institutions-list li a:hover {
  color: #000
}

.directory-institutions-list span.institution-location {
  display: inline-block;
  color: #000;
  padding-left: 10px;
  color: #888
}

div.directory-institutions-results-found {
  text-align: center;
  margin-bottom: 30px;
  font-size: 20px
}

div.directory-institutions-pagination {
  text-align: center;
  margin-top: 30px;
  font-size: 20px
}

div.directory-institutions-pagination {
  line-height: 23px
}

div.directory-institutions-pagination a {
  padding: 6px 8px;
  font-size: 20px
}

div.directory-institutions-pagination span.pagination-link.active {
  padding: 6px 8px;
  font-weight: 600
}

/* end institutions directory */

/* Toast Message CSS Start */
.toast {
  background-color: #fff;
  opacity: 1 !important;
}

div.toast-container span.toast-icon.share-icon {
  color: #645EA4;
  margin-left: -2px;
}

div.toast-container span.add-analysis-limit-icon {
  color: #FF0000;
  margin-left: -4px;
}

div.toast-container span.toast-icon {
  margin-right: 5px;
}

div.toast-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999;
  max-width: calc(100% - 40px);
}

/* Toast Message CSS End */

/* start search page */
#search-container { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 5px 0; }
#search-container .ar-entity-result .rounded-circle { min-height: 72px; min-width: 72px; line-height: 72px; }


#loading-spinner { margin-bottom: -30px; }
.ar-entity-result { margin: 15px 0; }
.ar-results-top-row { border-top: 1px solid #EEE; }
.ar-search-result { margin: 35px 0; }
.ar-search-result .ar-title { font-size: 20px; line-height: 28px; margin: 0; max-width: 1000px; }
.ar-search-result .ar-title a { color: #1a0dab; text-decoration: none; font-weight: normal; }
.ar-search-result .ar-title a:hover { text-decoration: underline; }
.ar-search-result .ar-publication { font-size: 15px; line-height: 22px; color: #666; margin: 0 0 2px 1px; }
.ar-search-result .ar-excerpt { font-size: 15px; line-height: 22px; margin: 4px 0 0 0; max-width: 800px; color: #000; }
.ar-search-result .ar-meta, .ar-entity-result .ar-meta { font-size: 15px; line-height: 22px; margin: 4px 0 0 0; color: green; }
.ar-search-result .ar-meta span, .ar-entity-result .ar-meta span { color: #000; font-weight: 600; }
#load-more-btn { padding: 6px 20px; margin-left: auto; margin-right: auto; margin-bottom: -28px; align-items: center; justify-content: center; width: 100%; max-width: 300px; height: 40px; border-radius: 18px; font-size: 15px; line-height: 18px; height: 36px; outline: 1px solid transparent; }
#load-more-btn i { margin-left: 5px; font-size: 12px; line-height: 18px; }
button.create-summary, button.export-excel, button.export-csv, button.export-pdf, button.export-json { color: #000; padding: 5px 9px; background-color: #FFF; border: 1px solid #EEE; border-radius: 5px; }
button.export-excel, button.export-csv, button.export-pdf, button.export-json { border-left: none; border-radius: 5px; }
button.export-left { border-left: 1px solid #EEE; }
button.create-summary:hover, button.create-summary:active { background-color: #f3eaff !important; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
button.create-summary i { color: #6f42c1; }
button.export-excel:hover, button.export-excel:active { background-color: #eef8f1; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
button.export-excel i { color: #00af60; }
button.export-csv:hover, button.export-csv:active { background-color: #fff3e0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
button.export-csv i { color: #fd7e14; }
button.export-pdf:hover,  button.export-pdf:active { background-color: #fbeceb; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
button.export-pdf i { color: #d81e05; }
button.export-json:hover,  button.export-pdf:active { background-color: #fbeceb; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
button.export-json i { color: #2D76B2; }
#btn_per_page, #btn_sort { color: #000; padding: 5px 9px; background-color: #FFF; border: 1px solid #EEE; border-left: none; text-transform: capitalize; border-radius: 5px; }
#btn_per_page:hover, #btn_sort:hover { background-color: #F7F7F7; }
#search_container .results-per-page-link { color: #000; }
.per-page-dropdown-menu .dropdown-item, .sort-dropdown-menu .dropdown-item { color: #000; padding: 5px 10px; }
.per-page-dropdown-menu .dropdown-item:hover, .per-page-dropdown-menu .dropdown-item.active, .per-page-dropdown-menu .dropdown-item:focus, .sort-dropdown-menu .dropdown-item:hover, .sort-dropdown-menu .dropdown-item.active, .sort-dropdown-menu .dropdown-item:focus { background-color: #F7F7F7 !important; }
.ar-ai-result { border-bottom: 1px solid #EEE; padding: 20px 0 20px 0; }
.ar-ai-result .ar-ai-question { font-size: 20px; line-height: 28px; }
.ar-ai-result .ar-ai-answer { max-width: 800px; font-size: 16px; line-height: 24px; }
/* end search page */

/* Responsive CSS Start */
@media screen and (max-width: 767px) {
  div.top-share .btn-outline-ui .dc-font-share span.label { display: none; }  
  .accordion-body ul { grid-template-columns: 1fr; }
}

/* Responsive CSS End */


/* Enhanced Loading System */
.ar-dynamic-loading {
    max-width: 500px;
    margin: 40px auto;
    padding: 40px 30px;
    text-align: center;
}

.ar-loading-icon {
  display: inline-grid;
  width: 80px;
  aspect-ratio: 1;
  animation: l12-0 3s linear infinite;
}
.ar-loading-icon:before,
.ar-loading-icon:after {
  content: "";
  grid-area: 1/1;
}
.ar-loading-icon:before {
  clip-path: polygon(100% 50%,83.81% 59.06%,93.3% 75%,74.75% 74.75%,75% 93.3%,59.06% 83.81%,50% 100%,40.94% 83.81%,25% 93.3%,25.25% 74.75%,6.7% 75%,16.19% 59.06%,0% 50%,16.19% 40.94%,6.7% 25%,25.25% 25.25%,25% 6.7%,40.94% 16.19%,50% 0%,59.06% 16.19%,75% 6.7%,74.75% 25.25%,93.3% 25%,83.81% 40.94%);
  background: #1B325F;
  transform: rotate(0turn) translate(-12.5%) rotate(0turn);
  animation: 
    l12-1 2s linear infinite,
    l12-2 4s linear infinite alternate;
}
.ar-loading-icon:after {
  margin: 12.5%;
  clip-path: polygon(100% 50%,78.19% 60.26%,88.3% 82.14%,65% 75.98%,58.68% 99.24%,44.79% 79.54%,25% 93.3%,27.02% 69.28%,3.02% 67.1%,20% 50%,3.02% 32.9%,27.02% 30.72%,25% 6.7%,44.79% 20.46%,58.68% 0.76%,65% 24.02%,88.3% 17.86%,78.19% 39.74%);
  background: #9CC4E4;
  animation: l12-3 4s linear infinite alternate;
}
@keyframes l12-0 {to{rotate: 1turn;}}
@keyframes l12-1 {to{transform: rotate(-1turn) translate(-12.5%) rotate(.75turn);}}
@keyframes l12-2 {90%,to{clip-path: polygon(100% 50%,98.3% 62.94%,93.3% 75%,85.36% 85.36%,75% 93.3%,62.94% 98.3%,50% 100%,37.06% 98.3%,25% 93.3%,14.64% 85.36%,6.7% 75%,1.7% 62.94%,0% 50%,1.7% 37.06%,6.7% 25%,14.64% 14.64%,25% 6.7%,37.06% 1.7%,50% 0%,62.94% 1.7%,75% 6.7%,85.36% 14.64%,93.3% 25%,98.3% 37.06%)}}
@keyframes l12-3 {90%,to{clip-path: polygon(100% 50%,96.98% 67.1%,88.3% 82.14%,75% 93.3%,58.68% 99.24%,41.32% 99.24%,25% 93.3%,11.7% 82.14%,3.02% 67.1%,0% 50%,3.02% 32.9%,11.7% 17.86%,25% 6.7%,41.32% 0.76%,58.68% 0.76%,75% 6.7%,88.3% 17.86%,96.98% 32.9%)}}


.ar-loading-progress {
    width: 100%;
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
}

.ar-loading-progress::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #1B325F, transparent);
    animation: ar-progress-slide 2s ease-in-out infinite;
}

@keyframes ar-progress-slide {
    0% { left: -100%; }
    100% { left: 100%; }
}

.ar-loading-message {
    font-size: 20px;
    font-weight: 600;
    color: #495057;
    margin: 10px 0 10px;
    min-height: 25px;
    transition: all 0.5s ease-in-out;
}

.ar-loading-submessage {
    font-size: 16px;
    color: #6c757d;
    opacity: 0.8;
    min-height: 20px;
    transition: all 0.5s ease-in-out;
}

.ar-message-fade-in {
    opacity: 1;
    transform: translateY(0);
}

.ar-message-fade-out {
    opacity: 0;
    transform: translateY(-10px);
}

/* Responsive design */
@media (max-width: 576px) {
    .ar-dynamic-loading {
        margin: 20px;
        padding: 30px 20px;
    }
    
    .ar-loading-message {
        font-size: 16px;
    }
}
