.bg-header{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(56, 49, 128, 0.63)); 
}

.bg-og {
  background-color: rgb(134, 130, 170)  !important;
   /* background-color: #9a96bd !important; */
 
}

.text-og {
  color: rgb(77, 74, 97)  !important;
 
}


.bg-og-blue {
  background-color: #516482ff !important;
}



.bg-og-dark {
  background-color: #5d5c6a;
}


.umatch {
  text-decoration: underline;
  text-decoration-color: rgb(92, 130, 205);
  background-color: #ecffb9;
}

.og-selected{
background-color: #f9fec3;
text-decoration: underline !important;
text-decoration-color: indianred !important;

}

.cluname-header{
font-weight:bold !important;
background-color:#eff2fb !important;
}


.og-card-header{
  background-color:#fbf6ff !important;
}
.protein-card-header{
  background-color:#fbf6ff !important;
}

.phylo-card-header {
   background-color:#f6f8ff !important;
 }

.card-title-uppercase {
  text-transform: uppercase;
  font-size: 0.8rem; /* Optional: Make the font size smaller for a tighter look */
  margin-bottom: 0; /* Optional: Remove bottom margin to reduce vertical space */
}

body, html {
  overflow:auto;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50px; /* required */
  display: inline-block; /* or block */
}

.bg-kegg-lt {
    background-color: #dae5f5 !important;
    color: #214474 !important;
}

.bg-go-lt {
    background-color: #F2D8D8 !important;
    color: #9C0003 !important;
}