a {
/*color:rgb(16, 157, 228);*/
/*text-decoration:none;*/
    color: #ffffff;
    
    text-decoration: none;
    z-index: 1;    
}

a:hover{  
  color: #EBEBEB;  
}
.ggraphica a,
.ggraphica a:hover{
  color:#109DE4;
}

hr {
     display: block;
    border: none;
    width: 50px;
    height: 1px;
    background-color: transparent;
    margin-bottom: 60px;
    margin-top: 60px;
}
.header, .header_home {
  /*background-color: rgb(231, 118, 66);*/
  padding:0px;
  min-height: 46px;
}
.header_home, 
.header{
  /*min-height:300px;
  padding-top:100px;
  text-align: center;*/
  padding: 0 24px;
}

#head-full {
    
    width: 1232px;
    margin: auto;    
    background-size: cover;
    overflow: hidden;
    
    flex-flow: row wrap;
    
    max-width: 100%;
    justify-content: space-between;
    height: 70px;
}

/*.home-head-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;

}*/
#logocontainer{
  margin-left: 54px;
}
/*.header #logocontainer{
  margin-left: 16px;
}*/

.headerImg{
  background: url(https://www.scimagojr.com/img/header-home.jpg) bottom no-repeat;
  background-position: left 0px bottom -74px;
  height: 560px;
  border-radius: 16px;  
  width: 1232px;
  max-width: 100%;
  margin: auto;      
  display: flex;  
  flex-direction: column;
  gap: 24px;  
  position: relative;
  margin-bottom: 96px;
}
.headerImg:before{
  content:'';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;  
  border-radius: 16px;   
  background-color: rgba(0,0,0,0.6);
  z-index: 0;
}
.headerImg.header_search_result{
  height: 300px;
  padding-bottom: 0;  
  justify-content: center;  
}
.header-orange{
  height: 316px;
  border-radius: 16px;    
  margin: auto;      
  display: flex;  
  flex-direction: column;
  gap: 24px;  
  position: relative;
  margin-bottom: 96px;
  background-color: #FF7221;
  padding: 40px 48px 160px 48px;
  width: calc(1232px - 48px * 2);  
  max-width: calc(100% - 48px * 2);
}
.header-two-cols,
.column.header-two-cols{
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  width: calc(1232px);  
  max-width: calc(100%);  
  margin: auto;
}
.column.header-two-cols{
  padding-bottom: 71px;
}
.header-two-cols .subTitle ul{
  padding-left: 24px;
}


#head-left {
    padding: var(--spacersstatic40, 40px) var(--spacersstatic48, 48px) var(--spacersstatic48, 48px) var(--spacersstatic48, 48px);
    gap: var(--spacersstatic24, 24px);
    border-radius: var(--borderradiusmedium, 16px);
    background-color: var(--backgroundbrand);
    /* width: calc(100% - 480px); */
    width: calc(100% - 527px - 48px * 2 - 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 472px;
    background-color: #FF7221;
    color: #ffffff;
}
#head-left header{
    gap: 20px;
    display: flex;
    flex-direction: column;
}
#head-right {
    overflow: hidden;
    min-height: 560px;
    /* width: 372px; */
    width: 527px;
    border-radius: var(--borderradiusmedium, 16px);
}
.aboutHead {
    background: url(https://www.scimagojr.com/img/aboutus-head-right.jpg) no-repeat center;
    background-size: cover;
}
.methodologyHead {
    background: url(https://www.scimagojr.com/img/methodology-img.jpg) no-repeat center;
    background-size: cover;
}
.vizHead{
    background: url(https://www.scimagojr.com/img/header-viztools-croped.jpg) no-repeat center;
    background-size: cover;
}

 a#explore-ranks{
    text-align: center;    
    text-decoration: underline;
 }


.header_home #logo {
  
  width: 215px;
  
}
.header-title{
  width: 574px;
  max-width: 100%;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-family: RiformaLLWeb-Regular;
  color: #FFFFFF;
  flex-flow: row wrap;
  margin: auto;
  margin-top: 116px;
  margin-bottom: 0;
  z-index: 1;
  text-align: center;

}
.header-title-o{
  display: flex;
  font-weight: 400;
  font-family: RiformaLLWeb-Regular;
  color: #FFFFFF;
  flex-direction: column;
  gap: 20px;
}
.header_error{
  justify-content: center;
  align-items: center;
}
.error_titles{
  justify-content: center;
  align-items: center;
  width: 600px;
  max-width: 100%;
  min-height: 257px;
}
.title1{
  font-size: 64px;
  line-height: 72px;
  margin: 0;
  font-weight: inherit;
  
}
.subtitle1{
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  font-weight: inherit;
}
.error_titles .subtitle1{
  text-align: center;
}
.error{
  min-height: 12px;
}

/*#tag {
   display: inline-block;
  padding: 11px;
  padding-left: 23px;
  color: rgb(250, 250, 250);
}
.header_home #tag {
padding: 0px;
  margin-top: 10px;
  color: rgba(250,250,250,0.9);
  font-size: 22px;
  margin-bottom: 50px;
  
}*/

/*#searchbox {
  position: absolute;
  right:6px;
  display: block;
  top:40px;
}*/
.header_home #searchbox {
  position: relative;
  right:0px;
  margin:24px auto;
  
}

#searchinput {
  margin:0px;
  
margin-right: -5px;
  padding: 8px;
 vertical-align: top;
  border-width: 0px;
 font-size:15px;
   width:400px;
  color: #172121B8;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  height:33px;
}

.header_home #searchinput {
  padding:24px;
  padding-top:12px;
  padding-bottom:12px;
  height:48px;
  width:614px;
  
}
.header #searchinput{
  width: 189px;
  padding: 12px 24px;
  height: 40px;
  margin-left: 24px;
}
.header #searchbutton{
  padding-right: 56px;
  height: 40px;
}
#searchinput:focus {
outline: 0;
/*background-color: rgb(240,240,240);*/
color:rgb(50,50,50);
}


#searchbutton {
vertical-align: top;
 color: #FFFFFF;
 
 padding-top:0px;
 padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 48px;
  border-width: 0px;
  width: 31px;
  height: 33px;
  background: #FFFFFF url('https://www.scimagojr.com/img/search.svg') no-repeat;
  background-size: 20px 20px;
  background-position: center;
  margin: 0;

  cursor: pointer;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.header_home #searchbutton {
  height: 48px;
}


#mainmenu {

  
      display: flex;
    flex-flow: row wrap;
    align-items: center;


}
#mainmenu ul {
list-style-type: none;
padding:0px;
/*width:900px;*/
display: flex;
margin:auto;
gap: 24px;
}
#mainmenu.pagemenu ul{
  margin:0;
}
#mainmenu ul li {
display:inline-block;
margin:0px;
padding:0px;

}
#mainmenu ul li a {

  /*font-size: 16px;
  height:46px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin-top: 2px;
  padding: 10px;
  padding-left:20px;
  padding-right:20px;
  color: rgb(47,47,47);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: rgba(89,112,122,0);*/
}
#mainmenu ul li a:hover,#mainmenu ul li a.selected {


border-bottom-color:rgba(231,118,66,0.9);
 transition-property: border-bottom-color;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    

}
#mainmenu.homemenu {
  /*background-color: rgb(231, 118, 66);*/
  /*border:none;*/
  /*position: absolute;*/
  /*top:46px;
  left:0px;
  right: 0px;*/

}
#mainmenu.homemenu ul li a,
#mainmenu.pagemenu ul li a {
  color:#172122;
  font-size: 16px;
  font-weight: 500;
  font-family: RiformaLLWeb-Medium;
  text-decoration: none;
}


#menu_boton {
  display: none;
    color: rgb(100, 100, 100);
    cursor: pointer;
}

#menu_boton img {
  width:20px;
  vertical-align: middle;
  margin:12px;
  
}

.colblock {
display: block;
margin:auto;
  padding:20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.journaldescription, .countrydescription, .vizdescription {
/*padding-bottom: 30px;*/
}
.countrydescription, .vizdescription {
  /*text-align: center;*/
}
.countrydescription .journalgrid{
    padding-top: 64px;
    padding-bottom:120px;
}
.journaldescription td, .countrydescription td, .vizdescription td {
  vertical-align: top;
   padding: 10px;

}

.journaldescription td:nth-child(1)  {
  font-weight: 700;
   color:rgb(79,79,79);
 
  min-width: 150px;
 
  text-align: right;
   border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgb(236,236,236);
}
.journaldescription td:nth-child(2)  {
 color:rgb(100,100,100);
}
.countrydescription table, .vizdescription table {
  
  /*margin:auto;*/
  /*margin-top:40px;
  margin-bottom: 40px;*/
  text-align: left; /**/
}
.countrydescription th, .vizdescription th {
  /*border-bottom-color: rgb(236,236,236);
  border-bottom-style: solid;
  border-bottom-width: 1px;*/
  padding:10px;
  min-width: 100px;
}
.countrydescription td, .vizdescription {
  /*text-align: center;*/
}
h1,h2,h3 {
  /*line-height: 140%;*/
}
/*.title-metho */
h2.title {
    margin: 0;
    padding: 0;    
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typography-size-heading-h200, 40px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-heading-h200, 48px);
    letter-spacing: -0.8px;
    display: flex;
}
.journaldescription h1, .countrydescription h1, .vizdescription h1 {
  /*line-height: 140%;
  font-size:46px;
  color:rgb(79,79,79);
  margin-top: 10px;
  text-align:center;*/
  line-height: 72px;
    font-size: 64px;
    font-weight: 400;
    color: #172122;
    /* margin-top: 10px; */
    text-align: left;
    margin-bottom: 8px;
}

td.hindex {
   vertical-align: top;
   padding-top:0px !important;
}
.hindexnumber {
font-size: 90px;
 color:rgb(100,100,100);
  font-weight: 700;
  text-align: center;
  line-height: 80%;
  padding-bottom: 20px;
  /*border:1px solid green;*/
}
.hindexlegend {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color:rgb(236,236,236);
  text-align:center;  
  padding:15px;
  color:rgb(100,100,100);
}
.legendblock {
  border-radius: 50%;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: bottom;
  margin-right: 5px;
  margin-top: 4px;
}


.transparentcell {
 
  border:none;
 
  padding:28px;
  padding-left:10px;
  padding-right:10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color:#616161;
  display: flex;
  align-items: flex-start;
}

.ggraphica,
.widgetlegend{
  font-size: 23px;
  line-height: 32px;
}

.transparentcell img {
  /*display: inline-block;*/
  
  /*float:left;*/
  /*object-fit: none;*/

}
.logo-graphica{
  display: flex;
  align-items: center;
}
.logo-graphica img{
  width: 48px;
  object-fit: inherit;
}
.widgetlegend::before { 
    content: "\2190 ";
     display: inline-block;
     padding-bottom:100%;
     float:left;
     padding-right:5px;
     padding-left:5px;
     font-size: 18px;
}
.widgetlegend {
  display: inline;
  font-size:23px;
  line-height:32px;
}
.widgetlegend .titlewidget {
  /*font-size:18px;*/
}
.widgetlegend input {
  width: 176px;
  margin-top: 10px;
  padding: 5px;
  margin-left: 27px;
  display: block;
  border-radius:2px;
  border-color:rgb(228,228,228);
  border-width:1px;

}

.foot {
  background-color: #172122;
  color:#FFFFFF;
  /*box-shadow: 0px -1px 2px rgba(64, 67, 70, 0.5);*/
  display: flex;
  gap: 36px;
  flex-direction: column;
  padding:40px 48px 24px 48px;
  width: 1280px;
  max-width: calc(100% - 48px*2);
  margin: auto;
  border-radius: 16px 16px 0 0;
}

.wrap-footer{
  display: flex;
  flex-flow: row wrap;
  gap: 36px;
}
.menufoot{
  display: flex;
  flex-flow: row wrap;
  flex-grow: 3;
  gap: 16px;
}
.menu-items-foot ul{
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 8px;
  display: flex;
  flex-direction: column;
  font-family: RiformaLLWeb-Regular;
  font-weight: 400;
}
.foot a {
  color:#ffffff;
}

.menu-items-foot a,
.menu-items-foot a:visited{
  color:#EBEBEB;
  text-decoration: none;
}
.logofooter {
   /*display: inline-block;
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 40px;
  color: rgb(89, 112, 122) !important;*/
}
.logofooter img {
 width: 177px; 
 
}

.colf{
  /*border:1px solid fuchsia;*/
  flex-grow: 1;
  gap: 28px;
  display: flex;
  flex-direction: column;
}
.colf h2{
  font-family: RiformaLLWeb-Medium;
  font-weight: 500;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
.legalfoot{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  padding-top: 24px;
  border-top:1px solid #ffffff;
}
.copy{
  
}
.legal{
  display: flex;
  gap: 24px;
}
.legal a,
.poweredby a{
  text-decoration: none;
}
#tagline {
  
  display: block;
  margin:auto;
  margin-top:100px;
  margin-bottom:80px;
  width:280px;

}


#rankingparameters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:calc(100% - 24px*2);
  background-color: #ffffff;
  padding: 16px 24px;
  border-radius: 16px;
  /*border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(237, 237, 237);*/
  /*width:calc(1120px - 24px*2);*/
  
  /*max-width: calc(1120px - 24px*2);*/
  gap: 8px;
}
#rankingcontrols {
  padding: 0px;
  display: flex;
  gap: 4px;
  align-items: center;
  
}
#clear-relatedjournals-filter{
  
}
a.clear-filters{
  font-family: RiformaLLWeb-Medium;
  font-size: 16px;
  line-height: 24px;
  color: #FF7221;
  cursor: pointer;
  text-align: right;
  align-self: flex-end;
  padding: 16px 0;
  cursor: pointer;
}
.title-bt{
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  align-items: center;
}
.top-120{
  margin-top: 120px;
}
.bottom-120{
  margin-bottom: 120px;
}
.mostrartotalFilas{
  display: flex;
  justify-content: flex-end;
  gap:8px;
  padding-right: 4px;
  padding-top: 4px;
  color:#172122;
  width: 100%;
}
.download-ranks-button a{
  background-color: #ffffff;
  color: #172122;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  height: 40px;
}
.apply-button{
    cursor: pointer;
    background: #172122;
    height: 40px;
    padding: 0 20px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
}
.dropdown {
display:inline-block;
font-weight: 400;
}

.countrydescription .dropdown,
.vizdescription .dropdown{
  display: block;
}

/*.countrydescription .dropdown .dropdown_button,
.vizdescription .dropdown .dropdown_button{
  background-color: #ffffff;
}*/
.vizdescription .modular_cell_body .dropdown .dropdown_button{
background-color: #EBEBEB;
}
.dropdown_button {
  
  /*color:rgb(80,80,80);
  text-align: left;
  width: 230px;
 padding-left: 20px;
 padding-right:30px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  border-color: rgb(249,249,249);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  background-color: white;
  font-size: 16px;
  margin: 5px;*/
  background-image: url("https://www.scimagojr.com/img/drop.png");
  background-repeat: no-repeat;
  /*background-position:250px;*/
    /*box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);*/
    background-color: #EBEBEB;
  color: #555C5C;
  box-shadow: none;
  border-radius: 24px;
  background-size: 16px 16px;
  padding: 8px 30px 8px 20px;
  background-position: right 8px center;
  width: fit-content;
}
.countrysearch .dropdown_button {
  background-color: #ffffff;
}
.half_block .dropdown_button {
  padding-left: 10px;
 padding-right:15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-position:160px;
  width:160px;
  font-size:14px;
   border-color: rgb(221,221,221);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.half_block input {
width:50px;
padding:5px;
height:36px;
border:0;
font-size:14px;
border-bottom-color: rgb(221,221,221);
border-bottom-width: 1px;
border-bottom-style: solid;
vertical-align: middle;
background-color: transparent;
}
.half_block .button {

   padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  color:rgb(80,80,80);
  text-align: center;
  border-color: rgb(221,221,221);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  background-color: white;
}
.half_block input:focus {
outline: none;
border-color: rgb(150,150,150);
}
.half_block .button img {
  vertical-align: middle;
  margin-right: 10px;
}

.dropdown-options {
  display: none;
   border-color: rgb(235, 235, 235);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
  padding:20px;
  list-style-type: none;
  padding:0px;
 
  text-align: left;
  max-height: 352px;

  overflow-y:auto;
  overflow-x:hidden;
  position: absolute;
  margin:0;
  z-index:999;

}
.dropdown-options li {
  display: block;
  margin:0;
  padding:0;
}
.dropdown-options .dropseparator {
  font-size: 16px;
  display: block;
  padding:10px;
  padding-left:20px;
  padding-right:20px;
   min-width: 250px;
  color:rgb(147,147,147);
}
.dropdown-options li a {
  font-size: 16px;
  display: block;
  padding:10px;
  padding-left:40px;
  padding-right:20px;
   min-width: 230px;
  color:rgb(47,47,47);
}
.dropdown-options li a:hover:not(.dropselected) { /*:not(.dropselected)*/
  background-color: rgb(248,248,248);
   transition-property: background-color;
    transition-duration: 0.15s;
    transition-timing-function: linear;
}
.dropselected {
   /*background-image: url("../img/check.png");*/
  background-repeat: no-repeat;
  background-position:10px;  
}
ul.dropdown-options.dropdown-element li:nth-child(n+3) a.dropselected{
    background-color: #FF7221;
    color: #eee;
}


/*ul.dropdown-options.dropdown-element:has( li:nth-child(n+3) a.dropselected ){
  border:2px solid red;
}*/
.dropdown:not(.not-highlight) .dropdown_button.mini{
  background-color: #FF7221;
  color:#ffffff;
  background-image: url(https://www.scimagojr.com/img/drop-white.png);

}


.dropdown-options input {
  margin:0px;
  
margin-right: -5px;
  padding: 8px;
  
 vertical-align: top;
  
 font-size:16px;
 border:0;
 border-bottom-style: solid;
 border-bottom-color: rgb(230,230,230);
 border-bottom-width:1px;
  width: 100%;
  color:rgb(80,80,80);
  height:44px;
 min-width: 282px;
  
}
.dropdown-options input:focus {
outline: 0;


}
.ranking_body {
  /*display: block;*/
  /*width:1200px;*/
  margin:auto;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
  display: flex;
  flex-flow: row wrap;
  min-height: 400px;
  display: flex;
  gap: 8px;
}
.ranking_wrap{
  display: flex;
  flex-flow: row wrap;
}
.head-viz{
  height: 113px;
}

.ranking_body table {
  font-size: 15px;
  display: block;
  background-color: white;

  margin-top:0px;
  margin-bottom: 10px;
  color:rgb(45,45,45);
  font-weight: 400;
  border-spacing:0px;
  min-width: 900px;
  border-radius: 16px;
  overflow-x: scroll;
  
}
.ranking_body table a,
.ranking_body td.publishername{
  color:#FF7221;
  position: relative;
}
.ranking_body table td.tit a:after{
  content: '';
  width: 20px;
  height: 20px;
  background: url(https://www.scimagojr.com/img/arrow-orange.svg) no-repeat center;
  display: inline;
  padding-left: 20px;  
 /* position: absolute;
  top: 0;
  right: 0;
  margin-top: -1px;  
  margin-right: -16px;*/
}
.ranking_body table thead a {
  font-family: 'RiformaLLWeb-Medium';
  color: #172122;
  display: block;
  width: 100%;
}
.ranking_body table thead img {
  vertical-align: middle;
  margin-right: 2px;
}
.ranking_body table thead a.linksort{
  display: flex;
  align-items: center;
}
.ranking_body table thead a.linksort img{
    margin-right: 2px;
    transform: rotate(134deg);
    width: 17px;
}
.ranking_body table thead a.linksort.sortedup img{
    transform: rotate(-44deg);  
}
.ranking_body table tr td,.ranking_body table tr th {
  padding-top:16px;
  padding-bottom:16px;
  /*border-bottom-color: rgb(239,239,239);
  border-bottom-width: 1px;
  border-bottom-style: solid;*/
  position: relative;
}
.ranking_body table tr td.orde{
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
}
.ranking_body table tr th {
  
  font-size: 14px;
  font-weight: 500;
  text-align:right;
    padding-left:10px;
  padding-right:10px;
  font-family: 'RiformaLLWeb-Medium';
  color: #172122;
}
.ranking_body table tr:last-child td {
  border:none;
}
.ranking_body table td {
  text-align: right;
  padding:0px;
  padding-left:10px;
  padding-right:10px;
  /*line-height: 160%;*/
  vertical-align: baseline;
}
.ranking_body table td.tit,.ranking_body table th.tit {
  text-align: left;
  
}
.ranking_body table td.tit{
    display: flex;
    flex-flow: row wrap;  
    width: 180px;
    padding-right: 24px;
}
/*.ranking_body table th{
      font-family: 'RiformaLLWeb-Medium';
}*/
.ranking_body table td img {
  border-radius: 2px;
  width:20px;
  /*box-shadow: 0px 1px 1px rgba(0,0,0,0.3);*/
}

.ranking_body .table_wrap {
  width:100%;
  display: block;
  
}
.pagination-new{
    width: 100%;    
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.pagination {
  display: block;
 
  margin-top:0px;
  margin-bottom: 0px;
  text-align: right;
  margin-top: 20px;
}

.pagination_buttons {
  display: inline-block;
  background-color: white;
  border-color: rgb(255,255,255);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);*/
  padding:0px;
  overflow: hidden;
  vertical-align: middle;
  margin-left:10px;
}
.pagination_buttons a {
  display: inline-block;
  /*padding:7px;*/
}
.pagination_buttons a:first-child {
  border-right-color: rgba(0,0,0,0.1);
  border-right-width: 1px;
  border-right-style: solid;
}
.pagination_buttons a.disabled {
  cursor: context-menu;
}
.pagination_buttons a.disabled img {
  opacity: 0.3;
  
}

.wrap-pagination,
.wrap-pagination a{
    
  display:flex;
  align-items: center;
  justify-content: center;
  color:#636A6C;
}

.wrap-pagination a.num-page{
  color:#636A6C;
  display: flex;
  width:36px;
  height:36px;
  font-size:14px;
  margin-left:4px;
  margin-right:4px;
  justify-content: center;
  align-items: center;
}
.wrap-pagination a.num-page.currentpage{
  background-color: #FF7221;
  color: #ffffff;
  border-radius: 50%;
}

.prevpage,
.nextpage{
  color: #636A6C;
  display: flex;
  align-items: center;
}
.prevpage img,
.nextpage img{
  width: 24px;
}
.prevpage.disabled,
.nextpage.disabled{
  cursor: context-menu;
  opacity: 0.3;
}


.half_block {
  width:50%;
  display: inline-block;
  margin:0;
  padding:0;
   font-size:14px;
  font-weight: 500;
  color:rgb(140,140,140);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
 
  margin-bottom: 10px;
}
.bar {
   display: block;
  position: absolute;
  bottom: 9px;
  margin-right: 10px;
  right: 0;
  height: 3px;
  background: #E77642;
  overflow: hidden;

}
.text_body,.home_column {
  display: block;
  width:1120px;
  margin:auto;
  font-size: 16px;
  line-height: 24px;
    
   /*padding-bottom: 80px;
   font-size: 16px;
   line-height: 140%;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;*/

}
.contentAds{
  /*border-top: 1px solid fuchsia;
  border-bottom: 1px solid fuchsia;*/
  width: 1120px;
  max-width: 100%;
  margin: auto;

}
.home_column {
  max-width: calc(100% - 24px);
}
.page-rankings{
  /*border:1px solid green;*/
}
.column{
  gap: 24px;
  /*max-width: calc(100% - 24px*2);*/
  display: flex;
  flex-direction: column;
  padding-bottom: 120px;
}
.column2{
  padding-bottom: 120px;
}
.text_body{
  /*width: 100%;*/
}
.page-error .header{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 130px;
}
.page-error .header a{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page-error .header #logo{
  box-shadow: none;
}

.text_body.error{
    min-height: 600px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.text_body.error h1,
.text_body.error h2{
  padding: 0;
}
.google-auto-placed{
  width: calc(100% - 50px)!important;
}
.text_body h1,.text_body h2,.text_body h3 {
  font-weight: 300;
  color:rgb(85,85,85);
  padding-top: 25px;
  padding-bottom: 25px;
}
.text_body strong {
  font-weight: 500;
}
.text_body blockquote {
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: rgb(210,210,210);
  margin-left: 0px;
  padding-left: 40px;
}
/*.home_column {
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 160%;
}*/
/*.home_column h1,.home_column h2 {
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color:rgb(59,59,59);
  margin-bottom: 40px;
  margin-top:80px;
  
  clear:both;
}*/

.home_column h1.title,
.home_column h2.title{
  text-align: left;
  display: flex;
  font-family: RiformaLLWeb-Regular;
  font-size: var(--typography-size-heading-h200, 40px);
  line-height: 48px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}
h1.title span,
h2.title span {
    width: fit-content;
}
h1.title:before,
h2.title:before {
    background: #FF7221;
    width: 12px;
    height: 12px;
    content: '';
    display: flex;
    margin-top: 20px;
    /*align-self: center;*/
    margin-right: 12px;
    border-radius: 50%;
}
.block-white{
  border-radius: 16px;
  background: #ffffff;
  padding: 24px;
  width: 100%;
}
.column-graphs{
  /*border-radius: 16px;*/
  /*background: #ffffff;*/
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top:8px;
  margin-bottom: 120px;
}
.column-graphs .block-white{
  padding: 24px 0;
}
.column-graphs .block-white.nota{
  padding: 24px;
  width: calc(100% - 24px * 2);
  margin: auto;
  font-family: 'RiformaLLWeb-Medium';
  margin-top: calc(60px - 8px);
  margin-bottom: calc(60px - 8px);
  

}
.home_column.contactpage{
    max-width: calc(100% - 24px * 2);
    border-radius: 16px;
    background: #ffffff;
}
.contactpage .block-white {
    
    /*background: #ffffff;*/
    margin-bottom: 120px;
    width: calc(100% - 24px * 2);
    padding: 24px;
}
.contactform-content h2.title:before{
  background:#ffffff;
}
.coltitle{
  gap: 12px;
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  position: relative;
}
.subTitleH{
  padding-left: 24px;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  width: 684px;
  max-width: calc(100% - 32px * 2);
  color: #555C5C;
}
.home_column h2 {
  margin-bottom: 30px;
  font-weight: 500;
  margin-top:20px;
  font-size: 17px;
}
.homeblock,.homeblockX2 {
  /*vertical-align: top;
  display: inline-block;
  width:290px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin:0;
  padding:10px;*/

}
.block-steps {
    display: flex;
    /* flex-flow: row wrap; */
    /* justify-content: space-between; */
    flex-direction: row;
    gap: 12px;
}

.block-step {
    display: flex;
    flex-direction: column;
    /* width: calc(33.33% - 48px); */
    width: calc(33% - 48px);
    text-align: left;
    background-color: #FFFFFF;
    padding: var(--spacersstatic24, 24px);
    gap: var(--spacersstatic24, 24px);
    border-radius: var(--borderradiusmedium, 16px);
}

.numstep {
    color: #555C5C;
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typographysizeheadingh300, 24px);
    font-weight: 400;
    line-height: var(--typographyline-heightheadingh300, 32px);
    letter-spacing: -0.02em;
    text-align: left;
}
.step-title {
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typographysizeheadingh200, 36px);
    font-weight: 400;
    line-height: var(--typographyline-heightheadingh200, 44px);
    letter-spacing: -0.02em;
    text-align: left;
    color: #172122;
    padding-right: 4px;
}
.step-content {
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typographysizebodyb200-regular, 16px);
    font-weight: 400;
    line-height: var(--typographyline-heightbodyb200-regular, 24px);
    letter-spacing: -0.02em;
    text-align: left;
    color: #555C5C;
    min-height: 230px;
}
.black-steps .block-step{
  background-color: #2F3B3C;
  color: #ffffff;
}
.black-steps .block-step > *{
  
  color: #ffffff;
}
.official-statement,
.methodology{
  border-radius: 16px;
  background-color: white;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  gap: 24px;

}
.methodology a,
.official-statement a{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.official-statement a,
.methodology a{
  color: #172122;
  font-size: 24px;
  line-height: 32px;
  font-family: RiformaLLWeb-Regular;
  font-weight: 400;
  text-decoration: none;
}
.official-statement a{
    align-items: center;
}
.official-statement a span{
      width: calc(100% - 40px);
}
.sourceLink {
    align-items: center;
    display: flex;
    width: 40px;
    height: 40px;
    background-color: #EBEBEB;
    border-radius: 50%;
    justify-content: center;
}

.sourceLink img {
    width: 20px;
    height: 20px;
}



.home-head-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #191919;
    width: 1232px;
    margin: auto;
    /*max-width: calc(100%);*/
    max-width: calc(100% - 24px * 2);
}
.home-block-title {
    font-size: 40px;
    font-weight: 400;
    line-height: 47px;
    color:#191919;
}
.home-block-title,
.home-block-title p{
  margin-top: 0;
}
#bt-link-rankings {
    width: fit-content;
}

.btBrand {
    background-color: var(--naranja);
    color: var(--color-text-invert-primary);
}
#header-home-images {
    background: #fff;
    padding: 64px;
    gap: 20px;
    display: flex;
    width: 100%;
    border-radius: 16px;
}
#home-txt-left {
    width: 100%;
    max-width: 510px;
}
#home-header-right {
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
    /*min-height: 200px;*/
    /*height: auto;*/
    height: 500px;
}
.header-home-images-rank {
    /*max-width: 640px;*/
    /*min-height: 420px;*/
    height: 500px;
    width: 535px;
    max-width: 100%;
    position: relative;
    /*background-image: linear-gradient(to right, #f0f1fe, #f0f1fe59);*/
    /*background-image: linear-gradient(to right, rgb(255 246 241), rgb(254 246 241 /0.36));*/
    
    /*background-image: linear-gradient(to right, rgb(250 243 240), rgb(254 246 241 / 0.36));*/
    /*backdrop-filter: blur(5px);*/
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.header-one {
    background-image: inherit;    
    overflow: hidden;
}
#home-head-img1 {
    opacity: 0.9;
    /*width: 100%;*/
    /*max-width: 580px;*/
    /*position: absolute;*/
    z-index: 0;
    /*top: 9%;*/
    /*padding-left: 20px;*/
}
#home-carrousel2 {
    position: absolute;
    z-index: 1;
    left: -15%;
    top: 5px;
}


#home-carrousel3{
    margin-left: -390px;
    width: inherit;
    max-width: inherit;
}
#home-carrousel4{
  margin-left: -159px;
  opacity: 0.8;
}

.fade {
    animation-name: fade;
    animation-duration: 1s;
}
@keyframes fade {
  from {opacity: .3} 
  to {opacity: 1}
}
#headerDots {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.dots {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    justify-content: center;
}
.dot{
    cursor: pointer;
    height: 9px;
    width: 9px;
    /* margin: 0 2px; */
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.actived-dot{
  background-color: #EBEBEB;
  cursor: default;
}
.dataSources .blocks {
    flex-flow: row wrap;
}

.blocks {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacersstatic8,8px);
}
.block-viz{
  margin-bottom: 120px;
}
.block-viz .textGray{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.block-viz img{
  width: 100%;
  overflow: hidden;
}
.block-bubblechart,
.block-graphs{
  overflow: hidden;
}
.block-bubblechart img,
.block-graphs img{
    height: 500px;
    width: fit-content;
}
.block-graphs img{
   height: 400px;
    align-self: anchor-center;
  }
.source {
    
    width: calc( 50% - 4px);
    align-items: center;
    gap: 0;
    justify-content: space-between;      
    font-family: RiformaLLWeb-Regular;
    display: flex;
    background-color: #ffffff;
    border-radius: var(--borderradiusmedium, 16px);
}
.source a{
  color:#172122;
  text-decoration: none;
  width: calc(100% - 24px * 2);/**/
}
.content-source {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;    
    padding: var(--spacersstatic24,24px);
    gap: 24px;
    width: 100%;
}
.sourceInfo {
    max-width: 444px;
}
.sourceName{
  display: flex;
  gap:4px;
  flex-direction: column;
}
.title24 {
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typographysizeheadingh300, 24px);
    font-weight: 400;
    line-height: var(--typographyline-heightheadingh300, 32px);
    letter-spacing: -0.02em;
    text-align: left;
    color: #172122;
}
.content-help .title24{
  width: 100%;
}
.title16 {
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typographysizebodyb300-regular, 16px);
    font-weight: 400;
    line-height: var(--typographyline-heightbodyb300-regular, 24px);
    letter-spacing: -0.02em;
    text-align: left;
    color: #555C5C;
}
.block100{
  /*width: 100%;*/
  background-color: #ffffff;
  border-radius: 16px;
  padding: 24px;
  gap: 48px;
  flex-direction: column;
  display: flex;
  max-width: calc(100% - 24px * 2);
}

.block50{
  background-color: #ffffff;
  
  display: flex;
    
    gap: 24px;
    width: calc(50% - 24px * 2);
}

.home_column.standard-page{
  padding: 16px;
  width: calc(1232px - 16px);
  max-width: calc(100% - 16px * 4);
}
.standard-page .block100{
  gap: 24px;
  width: 100%;
}
.block-viz .block100{
  padding: 32px;
  width: calc(100% - 32px*2);
}
.standard-page p{
  margin: 0;
}
.standard-page ul.liststyle1{
  list-style: none;
  margin: 0;
}
.standard-page ul.liststyle1 li:not(:last-child){
  padding: 0 0 12px 0;
}
.standard-page .itemspoints{
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.methology{
    background-color: #172122;
    color: #ffffff;
    border-radius: 16px;    
    max-width: 1280px;
    margin: auto;
    margin-bottom: var(--spacersstatic120,120px);
    padding-bottom: 96px;
}
.methology-content,
.contactform-content {
    padding: var(--spacersstatic64,64px) var(--spacersstatic80,80px) 0 var(--spacersstatic80,80px);
    gap: var(--spacersstatic24,24px);
}
.contactform-content{
  padding-top: 0;
  padding-bottom: 0;
}

.title-metho {
    padding-bottom: var(--spacersresponsivesm, 24px);
    gap: var(--spacersstatic12,12px);
    display: flex;
    flex-flow: column;
}

.block-left, .block-right {
    border-radius: 16px;
    justify-content: space-between;
    gap: 40px;
    color: #ffffff;
    width: calc(50% - var(--spacersstatic32,32px));

}
.block-brand{
    background-color: var(--naranja);
    padding: 24px 32px 96px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: flex-start;
}
.standard-block{
  display: flex;
  flex-direction: column;
  gap: 24px;
  
}

.block-gray {
    background: #2F3B3C;
    display: flex;
    gap: 40px;
    flex-flow: column;
    padding: var(--spacersstatic32,32px);
    justify-content: space-between;
    align-items: flex-start;
}

.formblock {
    padding: 24px 16px;
    background: #ffffff;
}
.container-form {
    display: flex;
    flex-direction: column;
}
.contactpage .container-form{
  max-width: 600px;
    margin: auto;
}
form#scimagojr-form-contact {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    order: 2;
    gap: 10px;
}
form#scimagojr-form-contact input, 
form#scimagojr-form-contact textarea{
    background-color: #EBEBEB;
    padding: var(--spacersstatic16,16px) var(--spacersstatic24,24px);
    gap: 8px;
    border-radius: 34px;
    border: 1px solid #EBEBEB;
    line-height: inherit;
    font-family: RiformaLLWeb-Regular;
}
form#scimagojr-form-contact textarea {
  height: 220px;
}
form#scimagojr-form-contact input:focus-visible,
form#scimagojr-form-contact textarea:focus-visible{
    border: none;
    outline: #f5f5f5 solid 1px;
    background: #f5f5f5;
    
}
.g-recaptcha.primarybutton.sendform {
    background-color: #172122;
    border: 1px solid #172122;
    
    color: var(--colortextdisabled, #F1F1F1);
    padding: 0 20px;
    height: 40px;
    display: flex;
    width: fit-content;
    border-radius: 34px;
    cursor: pointer;
}
.g-recaptcha.primarybutton.sendform.disabled{
    background-color: #F1F1F1;
    color: #636A6C;
    border:1px solid #F1F1F1;
    pointer-events: none;
}
form#scimagojr-form-contact label,
form#scimagojr-form-contact a{
  color: #555C5C;
}
form#scimagojr-form-contact label:not(.switch){
  text-transform: uppercase;
  padding-left: 24px;
}
.contact-form-response{
  
    font-size: inherit;
    /*color: #25ab1a;*/
    color:#4f9f20;
    font-weight: 500;
    order: 1;
    font-family: 'RiformaLLWeb-Medium';
}
.form-error-message{

  color: #990303;
  font-weight: 700;
}
form#scimagojr-form-contact .invalidfield {
    border: 1px solid #ff7221;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.rank-filters{
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: fit-content;
  /*margin-top: 64px;*/
  width: calc(100% - 24px * 2);
}
.vizdescription .rank-filters,
.countrydescription .rank-filters{
  margin-top: 8px;

}
.countrydescription .rank-filters{
  width: 100%;
}
.content-cuadrado{
  /*border:1px solid green;*/
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  gap: 8px;
}
.content-cuadrado div.cuadrado {
  /*display: inline-block;
  background-color: white;
  padding: 24px;*/
  background-color: #ffffff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  /*gap: 34px;*/
  border-radius: 16px;
  flex-grow: 1;
  width: calc(25% - 54px);/* 25% - padding:24px*2 - gap: (8px*3)/4 */
  min-height: 96px;
}
.content-cuadrado div.fullwidth {
  /*grid-column: 1 / 5;*/
  font-size: 24px;
  line-height: 31px;
  color: #172122;
}

.content-cuadrado div.cuadrado h2 {
  
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 24px;
  /*padding-bottom: 12px;
  margin-right: 12px;
    font-weight: 600;
    color: rgb(50,50,50);
    text-transform: uppercase;
    margin-top: 0px;*/
    color: #555C5C;
    margin-bottom: 0;
    margin-top: 0;
    
}
.cuadrado-detail{
  font-size: 24px;
  line-height: 31px;
  color: #172122;
  word-break: break-word;
}

/* switch button */
/*
For accessibility reasons, it's important to keep the <input> element in the DOM. This way, screen readers can still interact with it, even if it's visually hidden. 
You might also want to add some aria-* attributes to the <input> and <label> elements to improve accessibility further.
*/
#selector-policies,
.wrap-switcher{
    display: flex;
    align-items: center;
    gap: 12px;
}
.optionsforswitch,
.optionsforcitabledjournals{
  display: flex;
  align-items: center;
  gap: 22px;
}
.optionsforcitabledjournals{
  gap: 4px;
}
.optionsforcitabled{
  display: flex;
  gap: 4px;
  align-items: center;
}
#display_journals_filter_input,
#display_countries_filter_input{
    background-color: #EBEBEB;
    padding: 12px 20px;
    width: 86px;
    gap: 8px;
    border-radius: 24px;
    border: inherit;
    font-family: RiformaLLWeb-Regular;
}
#display_journals_filter_input:focus-visible {
    border: none;
    outline: #f5f5f5 solid 1px;
    background: #f5f5f5;
}
form#scimagojr-form-contact label.lopd,
.page-rankings label{
  font-size: 14px;
  line-height: 20px;
  text-transform: none;

}
form#scimagojr-form-contact .form-policies,
.labelforswitsher{
  color: #555C5C;
}

.filtershelp{
    border: 1px solid #555C5C;
    color: #555C5C;
    border-radius: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}
.labelforswitcher{
  display: flex;
  gap: 2px;
  font-size: 14px;
  line-height: 20px;
  color: #555C5C;
  align-items: center;
}
.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 22px;  
  transition: all 0.3s;
  cursor:pointer;
}
.switch::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 22px;
  background-color: #101516;
  border: 1px solid #472f2f;
  top: 4px;
  left: 4px;
  transition: all 0.3s;
}
input[type='checkbox']:checked + .switch::after {
  transform: translateX(13px);
}
input[type='checkbox']:checked + .switch {
  /*background-color: #7983ff;*/
  background-color: #799aff;
}


.offscreen {
  position: absolute;
  left: -9999px;
}
/*end switch button*/

.blockup {
    display: flex;
    flex-direction: column;
    gap: 36px;
}
.block-gray h3 {
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typographysizeheadingh300, 24px);
    font-weight: 400;
    line-height: var(--typographyline-heightheadingh300, 32px);
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
    padding-right: 8px;
}
.block-right{
  height: 490px;
  width: 556px;
  overflow: hidden;
}
.block-graphica{
  /*background: #ffffff url(../img/vizgraphica.png) no-repeat center;*/
  background-color: #ffffff;
  background-position: left;
  height: auto;
}
.block-shapescience{
  height: auto;
  background: #f5f5f5;
}
.contactform-content .block-right{
  min-height: 490px;
  height: auto;
}
.block-right img {
    object-position: -164px;
    height: 100%;
    border-radius: 16px;
}
.block-list ul{
    font-family: RiformaLLWeb-Regular;
    font-size: var(--typographysizebodyb200-regular, 16px);
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.methodOverview{
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.team .blocks {
    flex-flow: row wrap;
}
.member {
    font-family: RiformaLLWeb-Regular;
    width: calc(50% - 42px * 2);
    display: flex;
    background-color: #ffffff;
    border-radius: var(--borderradiusmedium, 16px);
    padding: var(--spacersstatic24, 24px) var(--spacersstatic56, 56px) var(--spacersstatic32, 32px) var(--spacersstatic24, 24px);
    gap: var(--spacersstatic24, 24px);
}
.photo img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.colablogos {    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}
.clogo {
    width: calc(33.333333% - 48px);
    display: flex;
    flex-direction: column;
    align-items: center;    
    background: #ffffff;
    height: 154px;
    justify-content: center;
    margin: 0 24px;
    border-radius: 16px;
}
.clogo img {
    width: 200px;
}
.page-method ul,
.page-method ol{
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.textBlack{
  font-family: RiformaLLWeb-Regular;
  font-size: 40px;
  line-height: 48px;
  color: #172122;
  flex-direction: column;
  display: flex;
  gap: 20px;
  padding-right: 32px;
}
h2.titleBlack40{
   color: #172122;
  font-size: 40px;
  line-height: 48px;
  margin:0;
}
.titleGray1{
  color: #555C5C;
  font-size: 24px;
  line-height: 32px;
}
.textBlack24{
  color: #172122;
  font-size: 24px;
  line-height: 32px;
}
.textGray24{
  color: #555C5C;
  font-size: 24px;
  line-height: 32px;
}
.textGray{
  color: #555C5C;
  font-size: 16px;
  line-height: 24px;
}
.ItemsFaqs{
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #172122;

}
.faq{
  display: flex;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 16px;
  gap: 24px;
  flex-flow: row wrap;
  width: calc(100% - 16px * 3);
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}
.faq a,
.help-desc a,
.aboutus a,
a.linkorange{
  color: #FF7221;
  text-decoration: none;
  z-index: 222;
  overflow-wrap: break-word;
}
.aboutus blockquote{
  border-left-width: 4px;
    border-left-style: solid;
    border-left-color: rgb(210, 210, 210);
    margin-left: 0px;
    padding-left: 40px;
}
.sourceFAQ{
  width: calc(100% - 24px * 3);
}
/*.FAQ .arrowup{
  display: none;
}*/
.faq[data='up'] .title16,
.block-help[data='up'] .title16{
  /*display: none;*/
  height: 0;
  visibility: hidden;
  transition: height 0.25s ease;
}
.faq[data='down'] .title16,
.block-help[data='down'] .title16{
  min-height:43px;
  visibility: visible;
  transition: height 0.25s ease;
}
/*.FAQ .arrowdown{
  display: inherit;
}*/
.faq .sourceLink img,
.help .sourceLink img{
  width: 14px;
}
.faq[data='up'] .sourceLink img,
.block-help[data='up'] .sourceLink img{
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}
.faq[data='down'] .sourceLink img,
.block-help[data='down'] .sourceLink img{
  
  transform: rotate(180deg);
  transition: transform 0.25s;
}
.column.helpitems{
  gap: 24px;
}
.block-help{
  height: 88px;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.help{
  /*border:1px solid red;*/
  background-color: inherit;
  padding: 0;
  gap: 8px;
  width: 100%;
  cursor: pointer;
}
.help-desc ul{
  list-style: none;
  padding: 0;
  gap: 24px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

.content-help{
    width: calc(100% - 24px * 2);
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
}
.scimago-products{
  /*border:1px solid fuchsia;*/
  position: relative;
}
/*pru slider home for news, reports etc*/
.wrap-slider {
    display: flex;
    flex-flow: row nowrap;    
    width: 100%;    
    gap: 8px;    
}

#sliderHome2 {
    
}

.slider {
    user-select: none;
    width: 100%;
    overflow-x: hidden;
    /* border: 1px solid blue; */
}

.slideshow-container {
    /*max-width: 1120px;*/
    position: relative;
    margin: auto;
    display: flex;
    /*gap: 24px;*/
}
.toSlide {
    display: flex;
    /* border: 1px solid aqua; */
    margin-left: 4px;
}
.mySlides {
    /* display: none; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border: 1px solid yellow; */
    /*width: 1120px;*/

}
.slideContent {
    /* border: 1px solid fuchsia; */
    /* height: 100%; */
    background-color: #ffffff;
    border-radius: 16px;
    /*margin: 0 4px;*/
    /*gap: 24px;*/
    display: flex;
    flex-direction: column;    
    margin: 0 12px;
    width: calc(402px - 24px);
}
.textSlides {
    color: #211B17;
    padding: 0 16px;
    /* position: absolute; */
    bottom: 8px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    min-height: 306px;
    justify-content: space-between;    
}
.mySlides .slideContent .title{
  font-family: RiformaLLWeb-Medium;
  font-weight: 500;
  font-size: 20px;  
}
.mySlides .slideContent .content_title_date img{
    /*width: 48px;*/
    width: 32px;
    margin-bottom: 16px;

}
.mySlides .slideContent a{
    color: #211B17;
    font-family: 'RiformaLLWeb-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;  
    text-decoration: underline;
}
.content_title_date {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-left: 1px solid var(--backgroundbrand);    
}
/*.textSlides .date, 
.textSlides .author {
    color: var(--secondarytextcolor);
    font-family: RiformaLLWeb-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}*/

.slider-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;    
    gap: 40px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top:2px;
}
.btsPrevNext {
    position: relative;
    display: flex;
    gap: 8px;
}
.btsPrevNext .disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}
.prev, .next {
    cursor: pointer;
    /* position: absolute; */
    top: 50%;
    width: auto;
    /* margin-top: -22px; */
    transition: 0.25s ease;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.next {
    right: 0;
    /* border-radius: 3px 0 0 3px; */
}
.prev img,
.next img{
    width: 20px;
    height: 20px;
}
.prev img{
  transform: rotate(-180deg);
}
/* fin silder news, etc */


.bg-tissu{
  height: 278px;
  background: url(https://www.scimagojr.com/img/bg-tissu.jpg) center no-repeat;
  background-size: cover;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-direction: column;
}
.bg-tissu img.scimago-logo-white{
  height: 60px;
  width: auto;

}
.homeblockX2 {
  /*width:580px;*/
}
.homeblockX2 h2 {
  text-align: left;
  margin-top:0px;
}
.homeblockX2 p {
  text-align: left;
  margin-bottom: 40px;
}
.homeicon {
  width:64px;
  display: block;
  margin: auto;
}
.homescreenshot {
  width:270px;
  vertical-align: middle;

}
.homeblock p {
  text-align:center;
  color:rgb(100,100,100);
  margin-bottom: 40px;
}
.homeblockX2 p {
 color:rgb(100,100,100); 
}


.news_block {
 
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgb(220,222,224);
    width: 280px;
    margin: 5px;
    margin-bottom: 10px;
    padding-bottom: 60px;
    padding-top:0px;
    padding-left: 0px;
    font-size: 17px;

}

.fecha_news {
  font-size: 14px;
  color:rgb(200,200,200);
  font-weight: 500;
}
.primarybutton {
    display: flex;
    align-items: center;
    /*background-color:#FF7221;*/
    color: #ffffff;        
    font-family: RiformaLLWeb-Regular;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;    
    
}
.primarybutton.separatebt{
  justify-content: space-between;
}

.primarybutton a:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url(https://www.scimagojr.com/img/arrow-corner.png) no-repeat center;
    background-size: 10px;
    display: inline-flex;
    margin-left: 8px;

}
a.calllink {
    
    background-color:#FF7221;
    color:#ffffff;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
   border-radius: 400px;
    height: 40px;
    transition:color ease 0.25s;
}
a.calllink.arrow{
  justify-content: space-between;
  padding: 0 20px;
  line-height: 14px;
}
a.calllink:hover {
  color: #EBEBEB;
  
  transition:color ease 0.25s;
}
a.calllink:focus{
  border:2px solid #ffffff;
}
a.calllink:link,
a.calllink:active{
  border: inherit;
}

a.simplelink,
a.simplelink.arrow{
  color: #FF7221;
  
}
a.simplelink.arrow:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(https://www.scimagojr.com/gridcss/img/arrow-orange.svg) no-repeat center;    
    display: inline-flex;
    margin-left: 8px;
}
.modular_table {
  /*display: block;*/
  /*margin:auto;
  margin-top:60px;
  margin-bottom: 60px;*/
  display: flex;
  gap: 8px;
}
.modular_cell {
/*display: inline-block;*/
    display: flex;
    flex-direction: column;
}
.modular_cell_head {
  display: block;
  /*border-bottom-color: rgb(236,236,236);
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
    padding: 10px;
    min-width: 100px;
    color: #172122;
    font-size: 16px;

}
/*.vizdescription .modular_cell_head{

}*/
.modular_cell_body{
  /*margin-top: 20px;*/
  display: block;
}
.search_results{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.no-results{
  font-size: 24px;
  line-height: 32px;
  color: #172122;
}
.search_results a {
    /*display: block;
    background-color: white;
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    color: rgb(160, 160, 160);*/
    /*box-shadow: 0px 3px 20px rgba(0,0,0,0.04);
    transition:all 0.2s;
    */
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    text-decoration: none;
    background-color: #ffffff;
    color: #555C5C;
    
    font-size: 16px;
    padding: 24px;
    border-radius: 16px;
    gap: 64px;

}
.search_results a:hover {
  /*margin-bottom: 24px;
  margin-top:-4px;
  box-shadow: 0px 7px 20px rgba(0,0,0,0.08);*/
  /*transition:all 0.25s;*/
}
.sresult_item{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
.jrnlname {
  
    font-size: 24px;
    line-height: 32px;
    color:#172122;
    
}
#searchboxresults {
  display: inline-block;
  background-color: white;
  padding:10px;
  margin-bottom: 20px;
  box-shadow: 0px 3px 20px rgba(0,0,0,0.05);
}
img.openaccessicon {
  box-shadow: none !important;
    width: 13px !important;
    vertical-align: middle !important;
    padding-left: 5px !important;
}
img.openaccessdiamondicon {
  box-shadow: none !important;
    width: 20px !important;
    vertical-align: middle !important;
    padding-left: 0px !important;
}
img.scieloicon {
  box-shadow: none !important;
    width: 35px !important;
    vertical-align: middle !important;
    padding-left: 5px !important;
}
img.wosicon {
  box-shadow: none !important;
    width: 25px !important;
    vertical-align: middle !important;
}
img.siricon {
  box-shadow: none !important;
    /*width: 40px !important;*/
    vertical-align: middle !important;
}
.q1, .q2, .q3, .q4 {
  padding:5px;

  color:white;
  font-size: 17px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.table_wrap .q1, 
.table_wrap .q2, 
.table_wrap .q3, 
.table_wrap .q4{
   width: 18px;
    height: 18px;
}
.q1 {
background-color: #60CA46;/*rgb(164, 207, 99);*/
}
.q2 {
background-color: rgb(232, 213, 89);
}
.q3 {
background-color: rgb(251, 163,83);
}
.q4 {
background-color: rgb(221,90,78);
}

.cellslide table {
  padding: 15px;
    color: rgb(100,100,100);
}
.cellslide table thead tr th {
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-color: rgb(205,205,205);
  border-bottom-style: solid;
}
.cellslide table tbody tr td {
  padding-right: 20px;
}
.related_sites {
  font-size: 16px;
  display: block;
  background-color: rgb(64,67,70);
  color:rgb(89, 112, 122);
  text-align: right;
  width:100%;
  height:46px;
  line-height: 46px;
  white-space: nowrap;

}
.related_sites a {
  background-color: rgb(40, 55, 62);
  height: 46px;
  text-transform: uppercase;
  display: inline-block;
  color:white;
  padding-left: 5px;
  margin-left:10px;
  padding-right: 15px;
  font-weight: 300;
}
.related_sites a img {
  height: 46px;
  vertical-align: top;
}
a.country_sirlink {
       position: relative;
   /* display: inline-block;
    background-color: rgb(47 53 56);
    color: white;
    border-radius: 3px;
    padding: 6px;
    font-size: 13px;
    padding-left: 52px;
    line-height: 130%;
    max-width: 200px;
    text-align: left;
    min-height: 46px;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 12px;
    margin:6px;*/
    
}
a.country_sirlink img {
  /*position: absolute;
    vertical-align: middle !important;
    height: 20px;
    left: 10px;
    top: 50%;
    margin-top: -10px;*/
    width: 160px;
    display: block;
}


.pbottom-96{
  padding-bottom: 96px;
}

/*Top Ads banners*/
.newbannerstop{
  text-align: center;
  min-height: 290px;
}


.thebanner{
  /*display: none;*/
}
.hidebanner{
  display: none;
}
.bannersdesck{
  display: block;
  
  width: 880px;
  height: 268px;
  margin: auto;
}
.bannersmobile{
  display: none;
}
.bannersdesck img,
.bannersmobile img{
  width: 100%;
}




/* compare journals - countries styles */
  input.comparebox {
  display: block;
    padding: 24px;
    margin:auto;
    margin-bottom: 8px;
   
    margin-top:10px;
    font-size: 16px;
    /*color: rgb(200, 200, 200);*/
    border-width: 0px;
    vertical-align: top;
  
    height: 38px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 300px;
    /*box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);*/
    width: 100%;
    border-radius: 24px;
    background: #ffffff url(https://www.scimagojr.com/img/search.svg) no-repeat;
    background-size: 20px 20px;
    background-position: center right 24px;
}
input.comparebox:focus {
   outline-color:rgb(255,255,255);
  color:rgb(100,100,100); 
}
#compare_search_results {

  position: absolute;
  display: block;
  background-color: white;
  /*color:rgb(124, 125, 127);*/
  color: #172122;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding:2px 24px;
  font-size: 16px;
  line-height: 24px;
  box-shadow: 0px 2px 20px rgba(0,0,0,0.1);
  z-index: 9999;
  border-radius: 16px;
}

#compare_search_results a {
  display: block;
  padding:5px;
  text-decoration: none;
 color: #172122;
  margin:2px;
}
#compare_search_results a:hover {
  /*background-color: rgb(249,249,249);*/
}
#compare_search_results p {
  text-align: center;
}
.more-results{
  color: #555C5C;
}
.selected_journal {
   box-sizing: border-box;
  /*display: inline-block;*/
  /*background-color: white;*/

  color:#ffffff;
  max-width: 300px;
  overflow: hidden;
  border-radius: 24px;
  /*height: 28px;*/
   /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);*/
   font-size: 16px;
   /*margin-right: 8px;
   margin-left: 8px;*/
   padding-top:2px;
   position: relative;
    padding-right: 40px;
    /*margin-bottom:20px;*/
    white-space: nowrap;
    display: flex;
    gap: 10px;
    height: 40px;
    align-items: center;

}
.selected_journal a{
  display: flex;
  align-items: center;
}
.selected_journal svg {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  padding-left: 4px;
  padding-right: 4px;

}
.selected_journal svg.remove_journal {
   width: 28px;
  height: 28px;
  padding-left:0px;

  position: absolute;
    right: 0px;
    /*top: 0px;
    vertical-align: top;*/
    /*background-color: white;
    box-shadow: -1px 0px 2px #e4e4e4;*/
}


.combo {
  position: relative;
}
.combo_chart_title {
    line-height: 140%;
      font-size: 26px;
      font-weight: 100;
      color: rgb(79,79,79);
      margin-top: 10px;
      text-align: left; 
      /*border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(218, 218, 218);*/
    margin-bottom:32px;
  }
  .combo_table {
    display: none;
  }
  .combo_buttons {
    position: absolute;
    top:0px;
    right:0px;
    text-align: right;
  }
  .combo_button {
    display: inline-block;

  }
  .combo_button img {
    width: 20px;
    opacity: 0.5;
    padding:8px;
  }
  .selected_combo_button {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: black;
  }
  .selected_combo_button img {
    opacity: 1;
  }

/*define different colors */
.bcolor0{
  background-color: rgb(122,195,106);
}
.bcolor1{
  background-color: rgb(90,155,212);
}
 
.bcolor2{
  background-color: rgb(250,167,91);
}
.bcolor3{
  background-color: rgb(158,103,171);
}
.bcolor4{
  background-color: #e15759;
}
.bcolor5{
  background-color: #edc948;
}
     
.jcomparison #rankingparameters{
/*.hiperauth #rankingparameters*/
  width: auto;
  padding: 16px 0;
} 
.jcomparison #rankingcontrols,
.jcomparison #rankingcontrols1{
  gap: 12px;
  max-width: calc(100% - 200px);
  display: flex;
  flex-flow: row wrap;
}      
.jcomparison .block-white{
  width: calc(100% - 24px*2);
  margin-bottom: 8px;
}
.jcomparison .block-white.bottom-120{
  margin-bottom: 120px;
}
.page-hyperauthorship {
    min-height: 57vh;
}
.dropdown-group{
  display: flex;
  gap: 12px;
  flex-flow: row wrap;
}

/*.hiperauth .block-white{
  width: calc(100% - 24px * 2);
}*/
.comparecharts{
  gap: 60px;
  display: flex;
  flex-direction: column;
  margin-bottom: 120px;
}


/* end compare styles */








@media only screen and (min-width: 2840px) {
.colblock {width:1280px;}
#mainmenu {
  display: block !important;
  opacity:1 !important;
}
}


@media only screen and (min-width: 2682px) and (max-width: 2840px) {
.colblock {width:1280px;}
#mainmenu {
  display: block !important;
  opacity:1 !important;
}
}

@media only screen and (min-width: 2243px) and (max-width: 2682px) {
.colblock {width:1280px;}
#mainmenu {
  display: block !important;
  opacity:1 !important;
}
}

@media only screen and (min-width: 1800px) and (max-width:2243px) {
  .colblock {width:1280px;}
  #mainmenu {
    display: block !important;
    opacity:1 !important;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1800px) {
  .colblock {width:1280px;}

  
}


/* xq espacio insuficiente entre logo y menu en pages */
@media only screen and (min-width: 1400px){
  #logocontainer{
      margin-left: 55px;
    }

}


/*@media only screen and (min-width: 928px) and (max-width: 1400px) {*/

@media only screen and (min-width: 1280px) and (max-width: 1400px) {


    .colblock {width:100%;}
    .journaldescription h1,.countrydescription h1, .vizdescription h1 {
      line-height: 140%;
      font-size:36px;
    }
    /*#mainmenu {
      display: block !important;
      opacity:1 !important;
      border:1px solid green;
    }*/
    /*.ranking_body {
       width:98%;
    }*/
    .ranking_body table {
      font-size: 14px;
    }
    /*#rankingcontrols {
       width:98%;
    }*/

    #logocontainer{
      margin-left: 0;
    }
}



/*menu visible a partir de 1280 **/

@media only screen and (min-width: 1280px) {
  #mainmenu {
    display: block !important;
    opacity:1 !important;
    
  }
  #mainmenu ul {
    list-style-type: none;
    padding: 0px;
    
    display: flex;
    margin: auto;
    gap: 24px;
 }
  #mainmenu.pagemenu form{
    margin-bottom: 0;
  }
  #mainmenu.pagemenu{
    /*border:1px solid red;*/
    display: flex !important;
    flex-flow: row nowrap;
    
    align-items: center;
  }
  .dropdown_button.mini {
    /*width:174px;*/
    /*background-position: 197px;*/
      background-position: right 8px center;
      width: fit-content;
      padding: 8px 30px 8px 20px;
  }
 

}


/* menu responsive mobile por debajo de 1280 */

/* Menu responsive home**/
@media only screen and (max-width: 1279px) { /**/

  #mainmenu {
  /*display: none;
  height:auto;
  */
  }
    #mainmenu ul,
    #mainmenu.pagemenu ul {
      width:100%;
      flex-direction: column;
      gap: inherit;
      margin-left: 8px;
      margin-top: 12px;
      margin-bottom: 12px;
    }
    #mainmenu ul li {
      /*display: block;*/
      padding: 12px 0;
    }
    #mainmenu ul li a {
      /*text-align:left;
      border-left-width:2px;
      border-left-style:solid;
      border-bottom-width:0px;
      border-left-color:transparent;
      padding-left: 57px;*/
    }
    #mainmenu ul li a:hover {

    /*border-left-color:rgba(231,118,66,0.9);
     transition-property: border-left-color;
        transition-duration: 0.25s;
        transition-timing-function: linear;*/
    }
    #mainmenu.homemenu,
    #mainmenu.pagemenu {
      /*background-color: inherit;
      border:none;
      position: relative;
      top:0px;*/
      flex-direction: column;
      display: flex;
      width: 100%;
      display: none;

    }
    #mainmenu.homemenu ul li a,
    #mainmenu.pagemenu ul li a {
      color:inherit;
      font-size: 16px;
      font-weight: inherit;
    }
    #menu_boton {
      display: block;
      font-size: 16px;
      background-color: rgb(255, 255, 255);
      border-radius: 50%;
    }
    #head-full{
      height: auto;
      padding: 12px 0px;
      width: 100%;
      
    }
    .header #searchinput{
      margin-left: 0;
    }

    #logocontainer {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1024px) {
  #head-left, 
  #head-right,
  .block-left,
  .block-right {
    width: 100%;
    min-height:362px;
  }
  #head-right{
    height: 440px;
  }
  .ranking_body table{
    /*overflow-x: scroll;*/
  }

  .ranking_body table {
   
    overflow-x:scroll;
  }

  #header-home-images {
    flex-direction: column;
    
    padding: 24px;
    width: calc(100% - 24px * 2);
  }
  .header-home-images-rank{
    width: auto;
    overflow: hidden;
  }

  #home-carrousel4{
    margin-left: inherit;
    margin-top: -25px;
  }
  .contactform-content .block-right{
    width: calc(100% - 24px * 2);
  }

  
 
}

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

  .header_home {
    /*min-height:200px;
    padding-top:50px;*/
    padding: 0 16px;
  }
  /*.home_column {width:604px;}*/
  /*.homeblockX2 {width:290px;}*/
  /*.countrydescription th, .vizdescription th {min-width: 40px;padding:2px;}*/
  .text_body {width:100%;}
  .imgwidget {width:100px;}
  .half_block {width: 100%;text-align:right;}
  /*.ranking_body {width:98%;}*/
  .ranking_body table {
  font-size: 14px;
  display: inline-block;

  }
  .title1{
    font-size: 40px;
    line-height: 48px;
  }
  .headerImg{
    gap:30px;
    padding-left: 32px;
    padding-right: 32px;
    max-width: calc(100% - 64px);
  }
  .header-orange{
    max-width: calc(100% - 48px*2);
  }  
 
  .header_home #searchinput {
  
    /*max-width: calc(100% - 68px);*/
    max-width: calc(100% - 48px * 2);
  }


  .table_wrap {
    padding:5px;
    position: relative; 
    overflow-x:scroll;
    font-size: 14px;
    box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 

  }
  
  #rankingcontrols {
   /*width:98%;*/
  }
.colblock {
  width:100%;

  }
.journaldescription h1, .countrydescription h1, .vizdescription h1 {
  line-height: 140%;
  font-size:26px;
}
#tag {
  display: none;
}

.hindexnumber {
  font-size: 43px;
}
#mainmenu {
  display: none;
  height:auto;
  
}
#logocontainer{
  margin-left: 0;  
}

#mainmenu ul {
  width:100%;
  flex-direction: column;
  gap: inherit;
  margin-left: 8px;
  margin-top: 12px;
  margin-bottom: 12px;
}
#mainmenu ul li {
  /*display: block;*/
  padding: 12px 0;
}
#mainmenu ul li a {
  /*text-align:left;
  border-left-width:2px;
  border-left-style:solid;
  border-bottom-width:0px;
  border-left-color:transparent;
  padding-left: 57px;*/
}
#mainmenu ul li a:hover {

/*border-left-color:rgba(231,118,66,0.9);
 transition-property: border-left-color;
    transition-duration: 0.25s;
    transition-timing-function: linear;*/
}
#mainmenu.homemenu,
#mainmenu.pagemenu {
  /*background-color: inherit;
  border:none;
  position: relative;
  top:0px;*/
  flex-direction: column;
  display: flex;
  width: 100%;
  display: none;

}
#mainmenu.homemenu ul li a,
#mainmenu.pagemenu ul li a {
  color:inherit;
  font-size: 16px;
  font-weight: inherit;
}
#menu_boton {
  display: block;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
}
#head-full{
  height: auto;
  padding: 12px 0px;
  width: 100%;
  /*width: calc(100% - 16px);*/
}
.journaldescription td:nth-child(1)  { 
  min-width: 50px;
}

.page-error #mainmenu.gobackhome{
  display: flex;
}
.page-error #mainmenu.gobackhome ul{
  justify-content: center;
  display: flex;
}
.page-error #mainmenu.gobackhome ul li a{
  padding-left: 0;
  padding-right: 0;  
}
.page-error #mainmenu.gobackhome ul li a:hover{
  border-bottom:1px solid rgba(231,118,66,0.9);
  border-left-color:transparent;
}
.optionsforswitch,
.optionsforcitabledjournals,
#rankingparameters,
#rankingcontrols{
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.optionsforcitabledjournals{
  flex-flow: row wrap;
}
#rankingparameters{
  width: calc(100% - 24px*2);
}
#rankingcontrols,
.dropdown{
   width: 100%;

}
.dropdown_button{
  width: auto;
}

.bannersdesck{
  width: 100%;
}



}


@media only screen and (max-width: 798px) {
  h1.title,
  h2.title{
    font-size: 32px;
    line-height: 40px;
  }
  h1.title:before,
  h2.title:before {
        align-self: flex-start;
        margin-top: 20px;
  }
  .block-steps {
        flex-direction: column;
        gap: 12px;
  }
  .block-step {
        /*width: calc(100% - 32px *2 );*/
        width: calc(100% - 24px *2 );
  }
  .official-statement{
    /*width: calc(100% - 32px * 2);*/
    width: calc(100% - 24px * 2);
  }
  .home_column{
    max-width: calc(100% - 24px);
  }
  .column2{
    /*width: calc(100% - 16px);*/
    width: 100%;
  }
  
  /*.home-head-container{
    width: calc(100% - 16px);
  }*/
  /*#header-home-images{
    flex-direction: column;
    padding: 24px;
  }*/
  .home-block-title{
    font-size: 32px;
    line-height: 40px;
  }
  .colf{
    width: 100%;
  }
  .source{
    /*width:calc(100% - 16px);*/
    width:100%
  }
  .block100{
    /*width: calc(100% - 32px*2);*/
    width: 100%;
  }
  .textBlack{
    font-size: 32px;
    line-height: 40px;
    width: calc(100% - 16px);
  }
  .bg-tissu{
    /*width: calc(100% - 16px);*/
  }
  #head-left, #head-right {
    width: 100%;
    min-height:362px;
  }
  #head-right{
    height: 440px;
  }
  .member {
    width: 100%;
  }

  .methology-content,
  .contactform-content {
        padding: var(--spacersstatic64,64px) var(--spacersstatic32,32px) var(--spacersstatic80,80px) var(--spacersstatic32,32px);
  }
  .contactform-content {
    padding: 0;
  }
  .blocks{
    flex-direction: column;
  }
  .block-left{
    max-width: calc(100% - 32px*2);
  }
  .colablogos {
    flex-direction: column;
    gap: 8px;
  }
  .clogo {
    width: 300px;
    margin: 0;
  }
 .block-right img{
    object-position: inherit;
  }

 .formblock{
        padding-left: 0;
  }
  #rankingcontrols{
    flex-direction: column;
    gap:8px;
  }
  .dropdown_button{
    width: calc(100% - 24px*2);
  }
  .search_results a{
    gap: 24px;

  }


}



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

  .content-cuadrado div.cuadrado {
      width: calc(100% - (24px * 2) - 4px);
  }

  .newbannerstop {
  
    min-height: inherit;
  }
  .rank-filters .modular_table{
    flex-direction: column;
  }
}




@media only screen and (max-width: 650px) {
 
        
        #searchinput {
          width:190px;
        }
        .header_home #searchinput {
          width:238px;
          max-width: calc(100% - 68px);
        }
        #logo {
          /*height:30px;*/
          /*padding-top:8px;*/
          /*padding-bottom:8px;*/
        }
         .homeblockX2, .homeblock {width:100%;margin-left:0px;margin-right:0px;}
         .related_sites_text {display: none}
         .block-right img{
          object-position: -150px;
        }
       
        .slideContent{
          width: 280px;
        }
        .slider-controls{
          top: inherit;
          margin-bottom: 40px;
          bottom: 0;
        }
        .primarybutton.separatebt{
          flex-direction: column;
          align-items: flex-start;
          gap: 24px;
        }
        .primarybutton.separatebt a.calllink{
            width: 200px;
        }
        .bannersdesck{
          display: none;
        }
        .bannersmobile{
          display: block;
          margin: auto;
          width: 100%;
          /*max-width: 400px; */ 
        }

}

@media only screen and (max-width: 527px) {
 
  .hindexnumber {
    font-size: 23px;
  }
  .block-help.block-countries{
    height: 114px;
    min-height: 114px !important;
  }
}