@font-face {
  font-family: 'Roboto';
  src: url('https://www.scimagojr.com/shapeofscience/fonts/Roboto.ttf')  format('truetype');
}
html {margin:0px; padding:0px;}
body {font-family:'Roboto', sans-serif;  background-color:rgb(245,245,245); margin:0px; padding:0px; overflow:hidden;
    scrollbar-arrow-color: #FFFFFF;
     scrollbar-track-color: #FFFFFF;
     scrollbar-base-color: rgb(200,200,200);
     scrollbar-3dlight-color: rgb(200,200,200);
       scrollbar-highlight-color: rgb(200,200,200);
    scrollbar-shadow-color:rgb(200,200,200);
    scrollbar-darkshadow-color:rgb(200,200,200);
    }
body.dark {background-color:#121212; color:rgb(217,221,226)}


svg {margin:0px; padding:0px;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; -o-user-select: none;}  
.columna {margin:0px; padding:0px;}
#svgframe {margin:0px; padding:0px;  overflow:hidden}
#menu_icon {display:block;margin-left:270px;opacity:0.6; filter:alpha(opacity=60);}
         
select.desplegable {
            padding:6px;
             width: 275px;  
				background: transparent;
                -webkit-appearance: none;        
      -moz-appearance: none;       
       border:0;
       outline:none;
       margin:0;
       cursor:pointer;  
}
body.dark select.desplegable {
  color:rgb(217,221,226);
  background-color: rgb(21,24,26)
}
.styledselect {
        padding:0px; width: 248px; margin-top:4px; margin-bottom:4px;
        
        font-size:16px;
        border: 1px solid rgba(0,0,0,0.15);
        border-radius:2px;
        -webkit-appearance: none;                      
        background: #f8f8f8 url('https://www.scimagojr.com/shapeofscience/imgs/thin.png') no-repeat;         
        background-position: 225px 50%;
        overflow:hidden;      
}
body.dark .styledselect {
  background: rgb(21,24,26) url('https://www.scimagojr.com/shapeofscience/imgs/thin.png') no-repeat; 
  background-position: 225px 50%;
  color:rgb(217,221,226);
}
	

	 
.sidebar {font-size:15px;position:fixed; left:0; top:0px; height:100%; width:300px; background-color:rgb(250,250,250); padding:6px;overflow:auto;
	
		  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
		
}
body.dark .sidebar {
  background-color: rgb(21,24,26);
}

.sidebar hr {
	width:266px;
	border: 0;
	background-color:rgb(235,235,235);
	height:1px;
	margin-left:0px;
	margin-top:15px;
	margin-bottom:15px;
	display:block;
}
.sidebar p {
	width:250px;
}
          
         

	::-webkit-scrollbar { width: 10px;}
	::-webkit-scrollbar-button {width: 1px;height:1px;}
	::-webkit-scrollbar-track {background-color:#FFFFFF;}
	::-webkit-scrollbar-thumb {background-color:rgb(200,200,200);}
	::-webkit-scrollbar-thumb:hover {background-color:#999;}

  body.dark ::-webkit-scrollbar-track {background-color:#121212;}
  body.dark ::-webkit-scrollbar-thumb {background-color:#1e1e1e;}
  body.dark ::-webkit-scrollbar-thumb:hover {background-color:#1e1e1e;}

    
    input:focus {
       outline-color:#1B93D0; 
    }
    
	input[type=radio] {
	    display:none;
	}
	

  input[type=radio] + label {
      min-width:96px;
      display:inline-block;
      margin:-2px;
      padding: 4px 12px;
      margin-bottom: 0;
      font-size: 14px;
      line-height: 20px;
      color: #333;
      text-align: center;
      background: none;
    text-shadow: none;
    box-shadow: none;
  }
  body.dark input[type=radio] + label { 
    min-width: 96px;
    background: none;
    text-shadow: none;
    box-shadow: none;
    border:none;
    color:rgb(131,137,143);
  }
	 
	input[type=radio]:checked + label {
    border-radius: 3px;
    border:none;
    margin:2px;
	      
		background-color:#ebebeb;
	}
  body.dark input[type=radio]:checked + label {
    background-color:rgba(39,43,46);
    color:rgb(217,221,226);
    box-shadow: none;
    text-shadow:none;
    border-radius: 3px;
    border:none;
    margin:2px;
  }

	input[type=radio][disabled] + label {
	 color:rgb(170,170,170);
	}
  .midlabel {
    min-width: 58px !important;
    vertical-align: middle;
    height:48px;
  }
   
    .cards {
          
    background-color:#FFFFFF;
   
    display:block;
    margin-left:10px;
    margin-bottom:20px; 
    width:250px; 
    padding:12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    color:#6d7480; 
    }

    body.dark .cards {
      background-color: rgb(31,34,37);
      color:rgb(217,221,226);
    }

    .cards a {
     text-decoration:none;
     color:rgb(234, 85, 111);   
        }
     .title_menu {
        
        color:#6d7480;
        margin:0px;
    display:block;
    
    font-size:20px;
    padding:0px;  
  
    }
    input.search {
        padding:6px; padding-left:26px; width: 218px; border: 1px solid rgba(0,0,0,0.15); margin-top:20px; margin-bottom:4px; 
		
         background: url('https://www.scimagojr.com/shapeofscience/imgs/search.png') no-repeat 6px 6px #fff;
        }
    body.dark input.search {
        border:none;
        color:rgb(217,221,226);
       background: url('https://www.scimagojr.com/shapeofscience/imgs/search.png') no-repeat 6px 6px rgb(21,24,26);
    }
    a.result_item {
        color:rgb(50,50,50);
        display:block;
        padding:7px;
        text-decoration:none;      
    }
    a.result_item:hover {
        background-color:rgb(230,230,230);
        -webkit-transition: background-color 0.25s ease-out;
-moz-transition: background-color 0.25s ease-out;
-ms-transition: background-color 0.25s ease-out;
-o-transition: background-color 0.25s ease-out;
transition: background-color 0.25s ease-out;
     }
     body.dark a.result_item {
      color:rgb(217,221,226);
     }
     body.dark a.result_item:hover {
      background-color:#121212;
     }
    #journalnumber {
       display:none;
       position: fixed;
       user-select: none;
        top:6px;
        left: 52px;
        padding: 4px;
        padding-left:8px;
        padding-right: 8px;
        background-color: rgba(255,255,255,0.4);
        color: rgb(80,80,80);
        
        font-size: 15px;
        }
        body.dark #journalnumber {
          background-color:rgba(21,24,26,0.56);
          color:rgb(245,245,245);
        }
    #scopuslogo img {
        position:absolute;
        right:8px;
        bottom:8px;
        width:100px;
    }
    #scimagologo img {
        position:absolute;
        right:0px;
         width:100px;
        bottom:52px;
        }

        
svg circle {
   stroke-width:0; 
}
svg text tspan {
  fill:rgb(40,40,40);
}
body.dark svg text tspan {
  fill:rgb(245,245,245);
}

.withborders circle {
   stroke-width:0.75;
}

.item_selectedlist {
overflow: hidden;
white-space: nowrap;
display:block;
padding:5px;
padding-left:10px;
background-color:rgb(230,230,230);
margin-left:10px;
margin-bottom:4px;
border-radius:2px;
position:relative;    
}
body.dark .item_selectedlist {
  background-color: rgb(39,43,46);
}

.b_item_selectedlist {
position:absolute;
top:0px;
right:0px;
padding:7px;
background-color:rgb(109,110,119);
border-top-right-radius:2px;
border-bottom-right-radius:2px; 
width:16px;
}
body.dark .b_item_selectedlist {

  background-color:rgb(21,24,26); 
}

label {
  padding-right:20px
}
label input {
  vertical-align:text-bottom;
}

#racemezoomer {
  display: block;position: absolute;top: 6px;right: 6px;width: 36px;height: 72px;box-shadow: 1px 4px 12px #00000045;background-color:white;user-select: none;
}
.zoomin {
  display:block;width:36px;height:36px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(160,160,160,0.2);text-align:center;font-size:26px;line-height:130%
}
body.dark .zoomin {
  border-bottom-color:#121212;
}
.zoomout {
  display:block;width:36px;height:36px;text-align:center;font-size:26px;line-height:130%
}
body.dark #racemezoomer {
  background-color:#1e1e1e; color:rgb(245,245,245);
}
.search_more_results {
  color:rgb(150,150,150);
  text-align:right;
}
#sunicon {
  display: none;
}   
#moonicon, #sunicon {
position: absolute;
right: 6px;
top: 102px; 
opacity: 0.3;
}
#moonicon:hover, #sunicon:hover {
  opacity: 1;
}
#menu_icon path {
  stroke:#121212;
  fill:none;
}
body.dark #menu_icon path {
  stroke:rgb(217,221,226);
}
#idtooltip tspan {
  fill:rgb(70,70,70);
}
#idtooltip path {
  fill:white;
}
body.dark #idtooltip tspan {
  fill:rgb(200,200,200);
}
body.dark #idtooltip path {
  fill:#1e1e1e;
}