.lii .active {
  color:#FFDD33;
}
 .icon-collection-selected:before {
    font-size: 18px;
    color: #FFDD33;
  }
#overlayContent .lii .active {
  color:#C52B2B;
}

  .star span.partial {
    background: linear-gradient(to right, #C52B2B var(--percent, 0%), #E4E4E4 var(--percent, 0%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.yellow .lii .active {
  color:#C52B2B;
}
.yellow header{
background: #D99042!important;
}
.yellow .footer {
background: #D99042!important;
}
.yellow  .trtr{
   border-left: 1px solid  #D99042!important;
}
.yellow .aa{
background: #FFDD33!important;
    color:#000!important;
}
.yellow .bgbg{
background: #D99042!important;
}
.yellow .bgbg dd{
background: #D99042!important;
}
.yellow .dldl dd{
background: #FFDD33!important;
}
.yellow .dldl {
background: #FFDD33!important;
}
.yellow .dldl a{
   color:#000!important;
}
.yellow  #backToTopBtn {
color: #FFDD33!important;
}

.yellow .bu,.yellow #closeBtn{
box-shadow: 0px 6px 0px 0px #D99042!important;
   color:#000!important;
}
.yellow   #titlee, .yellow #fullscreenToggle{
   color:#000!important;
}


.pink header{
background: #F16EBF!important;
}
.pink .footer {
background: #F16EBF!important;
}



.pink  .trtr{
   border-left: 1px solid  #D99042!important;
}
.pink  .aa{
background: #3C8EF9!important;
  
}
.pink  .bgbg{
background: #F16EBF!important;
}
.pink  .bgbg dd{
background: #F16EBF!important;
}
.pink  .dldl dd{
background: #3C8EF9!important;
}
.pink  .dldl {
background: #3C8EF9!important;
}

.pink   #backToTopBtn {
color: #3C8EF9!important;
}

.pink  .bu,.pink  #closeBtn{
box-shadow: 0px 6px 0px 0px #F16EBF!important;
  
}