/* Tipography
* ****************************************************************
*/


@font-face {
  font-family: "RiformaLLWeb-Regular";
  src: url("https://www.scimagojr.com/gridcss/Fonts/RiformaLLWeb-Regular.woff") format("woff");
}

@font-face {
  font-family: "RiformaLLWeb-Regular";
  src: url("https://www.scimagojr.com/gridcss/Fonts/RiformaLLWeb-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "RiformaLLWeb-Medium";
  src: url("https://www.scimagojr.com/gridcss/Fonts/RiformaLLWeb-Medium.woff") format("woff");
}

@font-face {
  font-family: "RiformaLLWeb-Medium";
  src: url("https://www.scimagojr.com/gridcss/Fonts/RiformaLLWeb-Medium.woff2") format("woff2");
}


/* subset */

@font-face {
  font-family: "RiformaLLSub-Regular";
  src: url("https://www.scimagojr.com/gridcss/Fonts/RiformaLLSub-Regular.woff2") format("woff2");
}


@font-face {
  font-family: "RiformaLLSub-Medium";
  src: url("https://www.scimagojr.com/gridcss/Fonts/RiformaLLSub-Medium.woff2") format("woff2");
}

:root{
      --naranja: #FF7221;
      --color-text-invert-primary:#ffffff;
}

html {
padding:0px;
margin:0px;
background-color:rgb(249,249,249);

}
body {
font-family: 'RiformaLLWeb-Regular', sans-serif;

padding:0px;
margin:0px;

font-size:16px;
line-height:24px;
/*background-color:rgb(249,249,249);*/
background-color: #EBEBEB;
 
}
#wrapper {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
overflow: auto;
border:1px solid red;
}

.dashboard {
width:100%;
margin:auto;
padding:16px;
padding-right: 0px;
overflow:hidden;
box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}



.cell1x1,.cell2x1,.cell2x2,.cell2x4,.cell1x2,.cell3x1,.cell100x1, .cell100x2,.cell100x3,.cell100x4 {

margin-top:0px;
margin-left:0px;
margin-bottom:16px;
margin-right: 16px;

background-color:#FFFFFF;
border-width:0px;


display:block;
float:left;
position: relative;
/*box-shadow:0px 1px 3px rgba(0,0,0,0.15);*/

}

.cell1x1 {
/*width:425px;*/
    width: calc(50% - 16px);
    margin-right: 16px;
    height: 275px;
/*height:257px;*/
}

.cell2x1 {
width:866px;
height:257px;


}
.cell2x2 {
width:866px;
height:530px;
float:right;
}
.cell2x4 {
/*width:866px;*/
width: 100%;
height: 1138px;
/*height:1074px;*/
/*float:right; */
}

.cell1x2 {
/*width:425px;*/
width: 532px;
height: 857px;
/*height:530px;*/
/*float:right;*/

}
.cell3x1  {
width:1307px;
height:256px;
}
.cell100x1 {
  height: 256px;
}
.cell100x2 {
  height:530px;
}
.cell100x3 {
  height:800px;
}
.cell100x4 {
  height:1074px;
}

.cellheader {
  background-color:rgb(242,243,246);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(240,240,240);
  display: block;
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  height:36px;
  display: flex;
 
  align-items: center;
}
.cellheader.y2 {
	height:72px;
}
.celltitle {
  display: block;
  padding:6px;
  padding-left:14px;
  font-size: 16px;
  line-height: 100%;
}
.cellcontent {
  position: absolute;
  top:36px;
  left:0px;
  right:0px;
  bottom:0px;
  overflow:hidden;
}
.cellcontent.y2 {
	top:72px;
}
.cellslide {
  position: absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background-color: white;
  overflow-y:auto;
}
.cellslide p {
  font-size: 15px;
  color:rgb(100,100,100);
  padding-left:15px;
  padding-right:15px;
}

.cellcontent > .cellslide:nth-child(1) {

  z-index: 1;
}

  svg {
       overflow: hidden;
      -webkit-user-select: none;  /* Chrome all / Safari all */
      -moz-user-select: none;     /* Firefox all */
      -ms-user-select: none;      /* IE 10+ */

      /* No support for these yet, use at own risk */
        -o-user-select: none;
        user-select: none;
            
        }







@media only screen and (min-width: 1800px) {
.dashboard {width:1780px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:1748px;}
}

@media only screen and (min-width: 1360px) and (max-width: 1800px) {
.dashboard {width:1340px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:1308px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1360px) {
.dashboard {width:1380px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:1348px;}
}


@media only screen and (min-width: 1159px) {
  .cell1x1.collaboration,
  .cell1x1.selfcited,
  .cell1x1.output,
  .cell1x1.externalcites,
  .cell1x1.cited-uncited{
      margin-right: 0;
      width: calc(50%);
  }
}

@media only screen and (max-width: 1024px) {
  .cell1x1,.cell2x1,.cell2x2,.cell2x4,.cell1x2,.cell3x1,.cell100x1,.cell100x2,.cell100x3,.cell100x4 {
  width:95%;
  float:none;
  margin:auto;
  margin-bottom:16px;
  }
}

@media only screen and (min-width: 928px) and (max-width: 1400px) {
.dashboard {width:898px;}
.cell100x1,.cell100x2,.cell100x3,.cell100x4 {width:866px;}
}


@media only screen and (max-width: 920px) {
.dashboard {
  /*width:100%;*/
  width: calc(100% - 16px);
  padding: 0;

}
.cell1x1,.cell2x1,.cell2x2,.cell2x4,.cell1x2,.cell3x1,.cell100x1,.cell100x2,.cell100x3,.cell100x4 {
  width:95%;
  float:none;
  margin:auto;
  margin-bottom:16px;
}
}