ul.nav-sidebar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0 20px;
}

ul.nav-sidebar li {
    width: 50%;
    display: flex;

}

.pdf-smaller-table td {
  padding: 0;
}
.pdf-x-smaller-table td {
  padding: 0;
}
.pdf-xx-smaller-table td {
  padding: 0;
}

.blink_me {
  animation: blinker 1s linear infinite;
  font-weight: 900 !important;
  border-width: 4px !important;
}

.inactive {
  color:gray !important;
  border-color:gray !important;
  cursor: not-allowed !important;
}

.inactive:hover {
  color:gray !important;
  border-color:gray !important;
  background-color: white !important;
  cursor: not-allowed !important;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media (max-width: 768px) {
    ul.nav-sidebar li {
        width: 100%;
    }
}




ul.nav-sidebar li a {
    display: flex;
    width: 100%;


}

ul.nav-sidebar .perspectives,
ul.nav-sidebar .approach,
ul.nav-sidebar .intro-menu
  {
   width: 100%;
   display: flex;
   align-items: center;
   /* justify-content: center; */
}

.sidebar-menu-mobile button.navbar-toggler {
    margin-left: 36px;
    margin-bottom: 12px;
    margin-right:5px
}

@media (max-width: 1200px) {
    .sidebar-menu-mobile button.navbar-toggler {
     display:inline-block;
 }

}



.equity-ranking .highcharts-figure .chart-container {
	height: 720px;
}
.equity-ranking .highcharts-figure {
  height: 720px;
}
.equity-ranking .highcharts-figure > div{
  width: 100%;
  max-width: 100%;
  height: 720px;
}

.fi-ranking .highcharts-figure .chart-container {
	height: 500px;
}
.fi-ranking .highcharts-figure {
  height: 500px;
}
.fi-ranking .highcharts-figure > div{
  height: 500px;
}

.esg-ranking .highcharts-figure .chart-container {
	height: 450px;
  width: 100%;
}
.esg-ranking .highcharts-figure {
  height: 450px;
  width: 100%;
}
.esg-ranking .highcharts-figure > div{
  height: 450px;
  width: 100%;
}

.reco-gauge .highcharts-figure .chart-container {
	height: 350px;
}
.reco-gauge .highcharts-figure {
  height: 350px;
}
.reco-gauge .highcharts-figure > div{
  height: 350px;
}
.reco-gauge2 .highcharts-figure .chart-container {
	height: 300px;
}
.reco-gauge2 .highcharts-figure {
  height: 300px;
}
.reco-gauge2 .highcharts-figure > div{
  height: 300px;
}

.indic-gauges .highcharts-figure .chart-container {
	width: 150px;
	height: 200px;
}

.indic-gauges .highcharts-figure {
    width: 100%;
    max-width: 100%;
    height: 150px;

}
.indic-gauges .highcharts-figure > div{
  width: 100%;
  max-width: 100%;
  height: 150px;

}

figure.highcharts-figure {
    width: 100%;
    max-width: 100%

}

@media only screen and (max-width: 760px) {
  .indic-gauges .row :nth-child(3) {
    order:13;
  }
  .indic-gauges .row :nth-child(8) {
    order:14;
  }
  .indic-gauges .row :nth-child(13) {
    order:15;
  }

  .reco-gauge .highcharts-figure .chart-container {
    height: 220px;
  }
  .reco-gauge .highcharts-figure {
    height: 220px;
  }
  .reco-gauge .highcharts-figure > div{
    height: 220px;
  }
}

.bsd-circle {
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media only screen and (min-width: 1000px) {
    .nav-pills {
        position: sticky;
        top:119px;
    }

    body.admin-bar .nav-pills {
        position: sticky;
        top:149px;
    }
}

@media only screen and (max-width: 1000px) {
    body.admin-bar .nav-pills {
        position: relative;
    }

}

/* Center the loader */
.loader {
    position: absolute;
    left: 50%;
    top: 30%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #e64c03;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  /* Add animation to "page content" */
  .animate-bottom {
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
  }
  
  @-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
  }
  
  @keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
  }
  
  #v-pills-tab {
    display: none;
  }

  
@media (min-width: 1200px) {
  .mobile-loader {
    display: none;
  }
  .loader {
    border-top: 16px solid #5f34c5;
  }
}

.hide-in-html {
  display: none;
}

.button {
  cursor: pointer;
}

select.icon-menu option {
  background-repeat:no-repeat;
  background-position:bottom left;
  padding-left:30px;
  }
  span.icon-menu span {
    background-repeat:no-repeat;
    background-position:bottom left;
    padding-left:30px;
    }