* {
    scrollbar-width:thin;
    scrollbar-color: #00889a #e3e3e3;
    
  }
  body, html {
    height: 100vh;
  }
   
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  
  *::-webkit-scrollbar-track {
    background: #e3e3e3;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #00889a;
    border-radius: 20px;
    border: 3px solid #e3e3e3;
  }
  
p{
    margin: 0
}
a{
    text-decoration: none;
    color:black;
}
a:hover{
    text-decoration: none;
    color:black;
}
.url{
    font-size:small;
    width:80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.urlPart{
    color:rgb(87, 87, 87);
}
.desc{
    overflow:hidden; 
    margin: 0;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color:rgb(87, 87, 87);
}

.exist{
    border:3px solid #C76300;
    border-radius: 5px!important;
    padding: 2px;
}
.list:not(:last-child) {
    margin-bottom:35px
}
.titleList, .info{
    font-weight:bold;
     
    color:#00889a;
}
.titleList:hover{
    text-decoration:underline;
}

.thu{
    width: 100%;
    border-radius: 3px;
}

#card{
    background-color:#e3e3e3
}
#card a{
    color:#00889a;
    font-weight:bold;
}
#test{
   
    border-radius: 3px;
    /* height: 400px; */
}
/* option:checked,
option:hover {
    background: rgb(81, 56, 136)!important;
} */
.drop{
    flex-direction: row;
    display:flex;
    align-items:center;
}
#lb{
    color: white;
    margin-right: 5px;
    
}

.btn-1{

    color:white!important;
    /* float:right; */
    /* padding:1em 0.5em; */
}
.nav a.nav-link{
    color: white;
    background:#454347;
}
.nav a.nav-link.active{
    color: white!important;
    /* background-color:white; */
    border-bottom:2px solid white;
    border-radius: 0;
    background:#454347!important;

}
.nav a.nav-link:hover{
    background:#454347!important;

    color: white!important;
    border-bottom:2px solid;
    border-color:white;
}
/* .card{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
} */
.name{
    color: white;
    
}

#leaderboards > * {
  position: relative;
  font-size: 14px;
  display: inline-block;
}
#leaderboards .toplist {
  padding: 0;
  margin: 0;
  list-style: none;
}
#leaderboards .toplist {
  width: 100%;
  float: right;
}
#leaderboards .toplist li {
  border-radius: 6px;
  margin-bottom: 14px;
  box-shadow: 0 4px #C2C2C2;
  position: relative;
  cursor: auto;
}
#leaderboards .toplist li .thumb {
  padding: 20px 20px 19px;
  font-weight: bold;
  color: white;
  left: 75px;
  line-height: 36px;
  position: relative; 
}
#leaderboards .toplist li .thumb span {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
#leaderboards .toplist li .thumb .img {
  width: 36px;
  height: 36px;
  display: inline-block;
  background: #eee no-repeat center;
  background-size: 100% 100%;
  border-radius: 6px;
  margin-right: 20px;
  font-size: 0;
}
#leaderboards .toplist li .thumb .stat {
  position: absolute;
  top: 26px;
  right: 90px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
  font-size: 10px;
}
#leaderboards .toplist li .thumb .stat b {
  display: block;
  font-size: 20px;
  margin: 0;
}
#leaderboards .toplist li:after {
  content: attr(data-rank);
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  background: #E5ECF6;
  height: 75px;
  width: 75px;
  display: block;
  text-align: center;
  line-height: 75px;
  font-size: 16px;
  color: #666;
  font-weight: bold;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 4px rgba(0,0,0,0.05);
}
.navbr{
    background: #454347 !important;
  
}
.nav-link{
    font-size:large!important;
    font-weight: bold!important;
}
.comp .card{
    background: #E3E3E3;
}
.field_graph_02{
    min-height: 500px;
    overflow: auto;
}
.foot{
    background:rgb(170, 170, 170);
    /* background: #524f54; */
}
.card-title{
    color:#454347;
}
#dominant_field, #dominant_field2{
    font-size: 2rem;
    color: #00889A;
    font-weight: bold;
}

.cardBody{
    font-size: 2.5rem;
    color: #00889A;
    font-weight: bold;
}

.comp{
   display: flex;
  flex-wrap: wrap;
}
.comp>.colm{
    display: flex;
    flex-direction: column;
}
.colm .card{
    height: 100%;
}

.field_graph_02  { overflow:hidden }
.field_graph_02:hover  { overflow:auto }
/* .field_graph_02  { overflow:hidden }
.field_graph_02:hover { overflow:auto } */
.split{
    color:#c76300;
    margin-bottom: 15px;
}
.hr{
    margin-top: 0;
    margin-bottom: 0
}
.col2-title{
    /* font-size:x-large; */
    color:#454347;
}

.center-card{
    display: flex;
    justify-content: center;
    background: #E3E3E3;
    color:black;
    flex-direction: column;
}
.col-card{
    min-height:400px;
}
.cd{
    height: 100%;
}

.btn1{
    background:#454347;
    padding: 10px;
    height: min-content;
    width:max-content;
    z-index:500;
    /* justify-content: center; */
}
.btn1:hover{
    background:#666369!important;
}
.wrap{
    width: 100%;
    display: flex;
    justify-content: center
}

#page-content{
    display: grid;
    height: 100vh;
}
footer{
    align-self: flex-end;
}

#tech-card-text{
    flex-grow: 1;
}
#geneva-card-text{
    flex-grow: 1;
}
#copy{
    position: absolute;
    left: 50%;
    /* top: 50%; */
    transform: translate(-50%, -50%);
}

.white-card{
    display: flex;
    justify-content: center;
    color:black;
    flex-direction: column;
}
.card-title{
    padding-top: 4.5rem;
    font-weight: bold;
}

.bold_text {
    font-weight: bold;
}

.small-card-text {
    font-weight: bold;
    color: #00889A;
}