/* .articles_row {
   display: grid;
   grid-template-columns: 100px repeat(12, 1fr);
   min-width: 100vw;
   gap: 10px;
} */


.filter_articles {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

/* .faceted-search{

} */

.faceted-item {
   cursor: pointer;
}

.faceted_count {
   color: #2a2a2a;
}

.articles_row .col-4 {
   margin-top: 100px;
   margin-bottom: 100px;
   float: left;
   overflow-y: auto;
   width: 290px;
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   border-radius: 10px;
   padding: 20px;
   margin-left: 220px;
   position: static;
   height: auto;
}

.collapsefilter .select2-container {
   width: 35px !important;
}

.articles_row .col-9 {
   margin-top: 100px;
   margin-bottom: 100px;
   background: #FFFFFF;
   border: 1px solid #A0AECD;
   border-radius: var(--borderRadius);
   float: left;
   /* height: auto; */
   padding: 50px;
   padding-top: 0px;
   width: calc(95% - 950px);
   margin-left: 20px;
   margin-right: 20px;
   min-height: 900px;
}

.articles_row .col-9 .papers a {
   display: inline-block;
}

.articles_row .col-9 .papers a:hover {
   color: var(--primary-200);
}

.articles_row .col-9 .papers .papers_title {
   margin-top: 25px;
   font-size: 1rem;
   /* margin-bottom: -8px; */
}

.articles_row .col-9 .papers .papers_author {
   font-size: 0.9rem;
   /* margin-bottom: -9px; */
   /* color: var(--bs-primary); */
}

.articles_row .col-9 .papers .papers_author:hover {
   cursor: pointer;
   color: var(--primary-200);
}

.articles_row .col-9 .papers .papers_journal {
   font-size: 0.8rem;
   font-style: italic;
}

.articles_row .col-9 .papers .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;
}

.articles_row .col-9 .papers .papers_pub {
   font-size: 0.7rem;
   /* margin-bottom: -5px; */
}

.articles_row .col-9 .papers .paper_static {
   display: flex;
   flex-direction: row;
   gap: 10px;
   justify-content: flex-end;
   margin-right: 70px;
}

.articles_row .col-9 .papers .paper_static img {
   display: none;
}

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

.articles_row .col-9 .papers hr {
   border: 1px solid #808080;
   width: 95%;
   float: left;
}

.articles_row .date_filter {
   display: flex;
   gap: 5px;
}

.col-9 .papers .paper_static .count {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 4px;
}

/* filter */

.filter a {
   float: left;
   display: block;
   color: var(--black);
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 17px;
}

.response-filter {
   display: none;
}

.ordering {
   display: flex;
   align-items: center;
   justify-content: end;
   /* gap: 15px; */
   margin-top: 25px;
}

.ordering .form-select {
   width: 30%;
}

.dropdown-menu a {
   display: block !important;
}

.search_field {
   margin-top: 10px;
   height: 100%;
}

.search_field input[type=search] {
   padding: 10px;
   font-size: 17px;
   border: .1rem solid #A0AECD;
   float: left;
   width: 80%;
   box-sizing: border-box;
   height: auto;
   border-radius: 40px 0 0 40px;
   font-weight: 400;
   line-height: 24px;
}

.search_field button {
   float: left;
   width: 20%;
   padding: 10px;
   background: #2196F3;
   color: white;
   font-size: 17px;
   border: .1rem solid #A0AECD;
   border-left: none;
   cursor: pointer;
   height: auto;
   border-radius: 0px 40px 40px 0px;
   padding: 12px;
}

.search_field button:hover {
   background: #0b7dda;
}

.search_field::after {
   content: "";
   clear: both;
   display: table;
}

/* END */

@media screen and (max-width: 1700px) {
   .articles_row .col-4 {
      margin-top: 100px;
      margin-left: 120px;
   }

   .articles_row .col-9 {
      margin-top: 100px;
      margin-right: 20px;
      width: calc(95% - 650px);
   }
}

@media screen and (max-width: 1600px) {
   .articles_row .col-4 {
      margin-top: 100px;
      margin-left: 120px;
   }

   .articles_row .col-9 {
      margin-top: 100px;
      margin-right: 20px;
      width: calc(95% - 650px);
   }
}

@media screen and (max-width: 1400px) {
   .articles_row .col-4 {
      margin-top: 100px;
      margin-left: 120px;
   }

   .articles_row .col-9 {
      margin-top: 100px;
      margin-right: 20px;
      width: calc(95% - 600px);
   }
}

@media screen and (max-width: 1000px) {

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

   .articles_row .col-4 {
      margin-left: 0px;
      margin-bottom: 0px;
      width: 75%;
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-radius: 10px;
      min-width: auto;
      height: 100%;
   }

   .filter_articles .form-search {
      width: 96% !important;
   }

   .response-filter {
      display: block;
   }

   .filter-link {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .collapsefilter:not(.show) {
      display: none
   }

   .collapsefilter .text-center {
      display: none;
   }

   .articles_row .response-filter .response-filter-form {
      background: #FFFFFF;
      border: 1px solid #A0AECD;
      border-radius: 50px;
      padding: 10px;
   }

   .articles_row .response-filter .response-filter-form .response-filter-form-btn {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .articles_row .col-9 {
      margin-top: 0px;
      margin-left: 25px;
      margin-right: 25px;
      height: 100%;
      width: 80%;
   }

   .articles_row .col-9 .papers .paper_static {
      margin-right: 0px;
   }

   .tooltip .tooltiptext {
      visibility: hidden;
      width: 250px;
      background-color: #555;
      color: #fff;
      text-align: center;
      padding: 5px 5px;
      border-radius: 6px;

      /* Position the tooltip text */
      position: absolute;
      z-index: 1;
      bottom: 125%;
      right: 120%;
      margin-left: -260px;

      /* Fade in tooltip */
      opacity: 0;
      transition: opacity 0.3s;
   }

   .articles_row .col-9 .papers .paper_static {
      display: flex;
      flex-direction: row;
      gap: 10px;
      justify-content: flex-end;
      flex-wrap: wrap;
   }

   .articles_row .col-9 {
      margin-bottom: 0px;
   }
}

@media screen and (max-width: 700px) {
   .articles_row .col-9 {
      padding: 10px;
   }
}

@media screen and (max-width: 450px) {
   .articles_row {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
   }

   .articles_row .col-4 {
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-radius: 10px;
      min-width: auto;
      height: 100%;
   }

   .articles_row .col-9 {
      margin-top: 0px;
      height: 100%;
   }
}