.article_row p {
   max-width: 100%;
   hyphens: auto;
}

.article_row {
   display: flex;
   padding: 25px;
   gap: 25px;
}

.article_row .static_col {
   flex: 20%;
   top: 0;
   margin-top: 250px;
   display: flex;
   flex-direction: column;
   gap: 30px;
}


.toc-sidebar {
   position: sticky;
   position: -webkit-sticky;
   height: min-content;
   top: 25px;
}

.toc-sidebar li.active>a {
   color: #333;
   font-weight: 500;
}

.toc-sidebar a {
   text-decoration: none;
   display: block;
   padding: .125rem 0;
   color: #ccc;
   transition: all 50ms ease-in-out;
}

.toc-header-active {
   color: #0a58ca !important;
}


.article_row .static_col .static {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   box-sizing: border-box;
   border-radius: 10px;
   height: auto;
   width: auto;
   padding: 10px;
}

.article_row .static_col .static .count {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.article_row .author_editor {
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   box-sizing: border-box;
   border-radius: 10px;
   height: auto;
   padding: 10px;
   /* margin-top: 30px; */
   display: flex;
   flex-direction: column;
   gap: 10px;
   justify-content: center;
   align-items: center;
}

.article_row .author_editor a {
   display: table;
}

.article_row .author_editor a:hover {
   color: var(--primary-200);
}

.article_row .author_editor .delete_author_paper {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
}

.article_row .author_editor .update_author_paper {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
}

.article_row .article_pd_languages {
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   box-sizing: border-box;
   border-radius: 10px;
   height: auto;
   padding: 10px;
   margin-top: 30px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   justify-content: center;
   align-items: center;
   margin-bottom: 50px;
}


.article_row .article_pd_languages a {
   display: table;
}

.article_row .article_pd_languages a:hover {
   color: var(--primary-200);
}

.article_row .single_article_pd_languages {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: 10px;
}

.article_row .article_pd_languages .linkforchange {
   font-size: 0.8rem;
}

.article_row .paper {
   /* grid-column: 3 / 9; */
   height: 100%;
   margin-top: 50px;
   margin-bottom: 50px;
   max-width: 100%;
   flex: 60%;
}

.article_row .paper .star img:hover {
   background: url(../image/star-full.svg);
}

.article_row .paper .citation {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 15px;
}

.article_row .paper .citation .secondline_cita {
   display: flex;
   gap: 25px;
}

.article_row .paper .citation .dropdown_articles {
   margin-bottom: 3px;
   display: none;
}

.article_row .paper .citation .citation_show {
   color: blue;
   cursor: pointer;
}

.article_row .paper .citation .citation_show:hover {
   color: var(--primary-200);
   cursor: pointer;
}

.article_row .paper .citation p {
   font-weight: normal;
   font-size: 1em;
}

.article_row .paper .citation .download {
   display: none;
}

.article_row .paper .citation .statistic {
   display: none;
}

.article_row .paper .citation .delete {
   display: none;
}

.article_row .paper .citation .update {
   display: none;
}

.article_row .paper .citation .quotes {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
}

.article_row .paper .citation .pdf {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
}

.article_row .paper .papers_title {
   font-weight: bold;
   font-size: 1.2rem;
   /* margin-bottom: 10px; */
   margin-top: 25px;
   font-size: 1.2rem;
   font-family: var(--headingFont);
}

.paper .papers_author {
   font-size: 1rem;
   /* color: var(--bs-primary); */
}

.body_paper a {
   display: table;
}

.paper .papers_author:hover {
   cursor: pointer;
   /* color: var(--primary-200); */
}

.paper .papers_journal {
   font-size: 0.8rem;
}

.paper .papers_description {
   font-size: 0.9rem;
   color: var(--textColor);
   max-width: 95%;
   margin-bottom: 0px;
   margin-top: 5px;
   margin-bottom: 5px;
   line-height: 1.5rem;
}

.paper .papers_pub {
   font-size: 0.7rem;
   margin-bottom: -5px;
}

/* .paper .paper_static {
   display: flex;
   flex-direction: row;
   gap: 10px;
   justify-content: flex-end;
   margin-right: 70px;
}

.paper .paper_static p {
   margin-bottom: 5px;
   color: var(--grey-500);
   font-size: 0.7rem;
   margin-bottom: 0px;
}

.paper hr {
   border: 1px solid #808080;
   width: 95%;
   /* float: left;
}
*/

.article_row .paper .papers_publ {
   margin-top: 5px;
}

.article_row .paper .papers_publ .created {
   margin: 0;
}

.article_row .paper .papers_publ .published {
   margin: 0;
}

.article_row .paper .link_article {
   font-style: italic;
}

.article_row .paper a:hover {
   color: var(--primary-200);
}

.badge_cc {
   margin-top: 15px;
}

.wrap-info-article {
   border: 1px solid #A0AECD;
   background: #fff;
   box-sizing: border-box;
   border-radius: 10px;
   padding: 25px;
   margin-bottom: 25px;
}

.wrap_content_article {
   border: 1px solid #A0AECD;
   background: #fff;
   box-sizing: border-box;
   border-radius: 10px;
   padding: 25px;
}

.content_article {
   line-height: 1.5rem;
   /* text-indent: 4%; */
}

.chapter-para {
   font-weight: normal;
   /* font-size: 1.125rem; */
   /* font-size: 1.25rem; */
   font-size: 1.125rem;
   line-height: 1.8;
   margin-top: 10px;
   margin-bottom: 18px;
}

.content_article ul>li {
   line-height: 1.8;
   font-weight: normal;
   /* font-size: 1.125rem; */
   font-size: 1.125rem;
   margin-top: 10px;
   margin-bottom: 18px;
}

.content_article ol>li {
   line-height: 1.8;
   font-weight: normal;
   font-size: 1.125rem;
   margin-top: 10px;
   margin-bottom: 18px;
}

.content_article .image-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.paper a:hover {
   color: var(--primary-200);
}


.article_row .paper .body_paper .content_article img {
   max-width: 100% !important;
   height: auto !important;
   /* max-height: 450px; */
}

.article_row .paper .body_paper .single_paper_abstract {
   margin-bottom: 20px;
   font-size: 1rem;
}

.article_row .paper .body_paper .single_paper_abstract p {
   font-style: italic;
}

.article_row .paper .body_paper .single_paper_keywords {
   margin-bottom: 20px;
}

.article_row .paper .body_paper .single_paper_keywords p {
   font-weight: bold;
}

.article_row .paper .body_paper .report {
   display: flex;
   align-items: center;
}

.article_row .related_papers {
   flex: 20%;
   margin-top: 250px;
}

.article_row .related_papers .related_papers_download {
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   box-sizing: border-box;
   border-radius: 10px;
   height: 150px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.article_row .related_papers .related_papers_download .btn {
   width: 183px;
   height: 51px;
}

.article_row .related_papers .related_papers_related {
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   box-sizing: border-box;
   border-radius: 10px;
   height: auto;
   padding: 10px;
}

.article_row .related_papers .related_singel_article_title {
   font-size: 0.9rem;
}

.article_row .related_papers .related_papers_related a {
   display: inline-block;
}

.article_row .related_papers .wrap_related_journal {
   line-height: 1.8;
   font-size: 0.8rem;
}

.article_row .related_papers .related_journal {
   font-size: 0.8rem;
   font-style: italic;
   /* display: inline-block; */
}

.article_row .related_singel .related_authors_list {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: start;
   font-size: 0.8rem;
}

.article_row .related_singel .related_authors_list p {
   display: table;
   font-size: 0.8rem;
   cursor: pointer;
}

.article_row .related_singel .related_authors_list .papers_author {
   margin-right: 5px;
}

.article_row .related_papers .related_papers_related a:hover {
   color: var(--primary-200);
}

.star:hover {
   background: url(image_css/star-full.svg) 60% no-repeat;
}

.star-full:hover {
   color: var(--primary-200);
   height: 50px;
   width: 50px;
}

.title_bookmark {
   display: flex;
   gap: 5px;
   /* justify-content: center; */
   align-items: center;
}

.coauthor_article {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-top: 15px;
}

.languagesarticlepd {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 5px;
   flex-wrap: wrap;
   margin-bottom: 50px;
}

.languagesarticlepd p {
   font-size: 0.8rem;
}

.languagesarticlepd a {
   font-size: 0.8rem;
}

.languages {
   display: none;
}

.articlepublicdomainlanguage {
   font-size: 0.8rem;
}

.related_article_mobile {
   display: none;
}

.journalpages {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
}

.journalpages .form-input {
   width: 100%;
   min-width: auto;
}

.list-authors {
   display: flex;
   align-items: center;
   gap: 5px;
   flex-wrap: wrap;
   /* margin-bottom: 5px;
   margin-top: 5px; */
   margin: .25rem 0;
}

.cont {
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   box-sizing: border-box;
   border-radius: 10px;
   height: auto;
   padding: 10px;
   display: flex;
   flex-direction: column;
   gap: 5px;
   align-items: center;
}

#Abstract {
   font-size: 1.5rem;
   line-height: 1.7rem;
   font-weight: bold;
}

/* .offcanv_mobile {
   display: none;
} */

.content_article ul {
   list-style-type: disc;
   margin-top: 0px;
   margin-bottom: 0px;
}

/* .content_article p{
   color: var(--grey-900);
} */

.content_article h1,
h2,
h3,
h4,
h5 {
   color: #154ea5;
   margin-top: 15px;
   margin-bottom: 15px;
}

.content_article h1 {
   font-size: 1.7em;
}

.content_article h2 {
   font-size: 1.5em;
}

.content_article h3 {
   font-size: 1.17em;
}

.content_article h4 {
   font-size: 1em;
}

.content_article h5 {
   font-size: 0.83em;
}

.content_article a {
   /* display: inline-block; */
   display: contents;
   /* These are technically the same, but use both */
   overflow-wrap: break-word;
   word-wrap: break-word;

   -ms-word-break: break-all;
   /* This is the dangerous one in WebKit, as it breaks things wherever */
   word-break: break-all;
   /* Instead use this non-standard one: */
   word-break: break-word;

   /* Adds a hyphen where the word breaks, if supported (No Blink) */
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

.content_article .referenced_articles {
   margin-top: 25px;
}

.toc-header {
   color: var(--grey-900);
}

.toc-header-active {
   color: #0a58ca;
   border-left: 1px solid #000;
}

.href_image {
   cursor: pointer !important;
   color: var(--white) !important;
   background: var(--primary-500) !important;
   border: transparent !important;
   border-radius: var(--borderRadius) !important;
   letter-spacing: var(--letterSpacing) !important;
   padding: 0.375rem 0.75rem !important;
   box-shadow: var(--shadow-1) !important;
   transition: var(--transtion) !important;
   /* text-transform: capitalize; */
   display: inline-block !important;
   text-align: center;
   height: 25px;
   white-space: nowrap !important;
   width: auto;
   margin-top: 5px;
   margin-bottom: 15px;
}

.icon_report_article {
   width: 20px !important;
   height: 17px !important;
}

.toolprofile {
   padding: 10px;
}

.toolprofile_header {
   display: flex;
   gap: 10px;
   /* justify-content: center;
   align-items: flex-start; */
}

.toolprofile_header_left {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
}

.toolprofile_header_right {
   display: flex;
   flex-direction: column;
   gap: 7px;
}

.toolprofile_footer {
   display: flex;
   justify-content: space-around;
   margin-top: 10px;
}

.info-toolprofile_footer {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   --bs-text-opacity: 1;
   color: #6c757d !important;
   margin-top: 10px;
}

.info-toolprofile_footer>p {
   line-height: 1;
   text-align: center;
}

.toolprofile_footer_left {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 5px;
   flex-wrap: wrap;
}

.toolprofile_footer_right {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 5px;
   flex-wrap: wrap;
}

.toolprofile_footer_item {
   display: flex;
   gap: 2px;
}

.vertical_hr {
   border: 1px solid #898383;
   height: auto;
}

.toolprofile_number {
   font-weight: bold;
}


.related_singel_article_title {
   font-size: 1rem;
   /* font-weight: bold; */
   font-family: var(--headingFont);
}

#btn_top_page {
   display: none;
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 99;
   border: 1px solid #1e293b;
   border-radius: 50%;
   outline: none;
   background-color: white;
   cursor: pointer;
}

#btn_top_page:hover {
   background-color: #94a3b8;
   cursor: pointer;
   /* Add a dark-grey background on hover */
}

/* Scroll-to-Top Button with Progress Indicator */
.container {
   display: flex;
   justify-content: center;
   width: auto;
   height: 200vh;
}

h1 {
   font-size: 12vw;
}

.progress-wrap {
   position: fixed;
   right: 50px;
   bottom: 50px;
   height: 46px;
   width: 46px;
   cursor: pointer;
   border-radius: 50px;
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
   z-index: 10000;
   opacity: 0;
   visibility: hidden;
   transform: translateY(15px);
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}

.progress-wrap.active-progress {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.progress-wrap::after {
   position: absolute;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   content: '\f062';
   text-align: center;
   line-height: 46px;
   font-size: 18px;
   color: #1f2029;
   left: 0;
   top: 0;
   height: 46px;
   width: 46px;
   cursor: pointer;
   display: block;
   z-index: 1;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}

.lightScrollIcon::after {
   color: #ecedf3 !important;
}

.progress-wrap:hover::after {
   opacity: 0;
}

.progress-wrap::before {
   position: absolute;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   content: '\f062';
   text-align: center;
   line-height: 46px;
   font-size: 18px;
   opacity: 0;
   background-image: linear-gradient(298deg, #da2c4d, #f8ab37);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   left: 0;
   top: 0;
   height: 46px;
   width: 46px;
   cursor: pointer;
   display: block;
   z-index: 2;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}

.progress-wrap:hover::before {
   opacity: 1;
}

.progress-wrap svg path {
   fill: none;
}

.progress-wrap svg.progress-circle path {
   stroke: #1f2029;
   stroke-width: 4;
   box-sizing: border-box;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}

@media screen and (max-width: 3600px) {
   .article_row .static_col {
      margin-top: 270px;
   }

   .article_row .paper {
      height: auto;
      margin-top: 50px;
      margin-bottom: 50px;
      width: 60%;
   }

   .article_row .related_papers {
      margin-top: 200px;
   }
}

@media screen and (max-width: 1600px) {
   .article_row .static_col .static {
      flex-direction: column;
   }
}

@media screen and (max-width: 1400px) {
   .article_row .static_col {
      grid-column: 2 / 4;
      margin-top: 270px;
   }

   .article_row .paper {
      flex: 60%;
      height: 100%;
      margin-top: 50px;
      margin-bottom: 50px;
      width: 60%;
   }

   .article_row .related_papers {
      grid-column: 10 / 12;
      margin-top: 200px;
   }

   .article_row .static_col .static {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 15px;
   }

   .article_row .static_col .static .count_p {
      margin: 0px;
   }

   .modal-body .static_modal {
      display: flex;
      flex-direction: row;
      gap: 15px;
      width: 100%;
      justify-content: center;
      align-items: center;
   }

   .modal-body .static_modal .count_modal {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .related_mobi_papers_title {
      font-weight: normal;
      font-size: 1em;
      margin-bottom: -5px;
   }

   .related_mobi_papers_author {
      font-weight: normal;
      font-size: 0.8em;
      margin-bottom: -5px;
      color: var(--bs-primary);
      margin-right: 5px;
   }

   .related_mobi_papers_journal {
      font-weight: normal;
      font-size: 0.6em;
   }
}


@media screen and (max-width: 992px) {
   .article_row {
      display: block;
   }

   .article_row .static_col {
      display: none;
   }

   .article_row .related_papers {
      display: none;
   }

   .article_row .paper .citation {
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: end;
      flex-wrap: wrap;
   }

   .citation_language_modal {
      display: flex;
      justify-content: space-between;
   }

   .article_row .paper {
      width: 100%;
      margin-top: 0px;
   }

   .article_row .paper .citation .download {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2px;
   }

   .article_row .paper .citation .linkforchange {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 50px;
   }

   .article_row .paper .citation .statistic {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
   }

   .article_row .paper .citation .delete {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2px;
      margin-right: 20px;
   }

   .modal-body .static .count {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
   }

   .article_row .paper .citation .dropdown_articles {
      display: block;
   }

   .languages {
      display: block;
   }

   .related_article_mobile {
      display: block;
   }

   .article_row .paper .body_paper p {
      font-weight: normal;
      font-size: 1rem;
      margin-bottom: 1rem;
      line-height: 2em;
   }

   .offcanv_mobile {
      display: block;
      padding: 20px;
      height: 5vh;
      visibility: visible;
      transform: none;
   }

   .progress-wrap {
      right: 25px;
      bottom: 20px;
   }

   .offcan_tab {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5px;
   }

   .blockquote {
      margin-left: 0px;
      margin-right: 0px;
   }

   .related_journal {
      font-style: italic;
   }
}



@media screen and (max-width: 600px) {
   .article_row {
      display: block;
   }
}

@media screen and (max-width: 350px) {
   .progress-wrap {
      display: none;
   }
}