body.dark section{background-color: #292c35;} 
/* #9b59b6 */
body.dark .menu{background-color: #292c35 !important;} 
body.dark .menu-list-items{background-color: #292c35 !important;} 
body.dark .hoverTrigger{background-color: #292c35 !important;} 

body.dark h3, .dark h2, .dark h2, .dark h1, .dark h4, .dark h5, .dark h6, .dark span, body.dark{color: #fcff3c;}

body.dark .text-theme-colored2{
    color: #fcff3c !important; 
}

body.dark .text-white{
  color: #fcff3c !important; 
}

body.dark button{
  color: #fcff3c !important; 
}

body.dark .button .li{
  color: #50d0a0 !important; 
}

body.dark .tab-vertical .tab-content{
  background-color: #030705 !important; 
}



/* Hide the dark logo by default */
.dark-logo {
  display: none !important;
}

/* Show the dark logo in dark mode */
body.dark .dark-logo {
  display: block !important;
}

/* Hide the light logo in dark mode */
body.dark .light-logo {
  display: none;
}


body.dark .button.gray {
  background: #030303;

  border: 2px solid #50d0a0;
}

body.dark .button.x-small {
  background: #030303;

  border: 2px solid #50d0a0;
}



body.dark li{
    color: #fcff3c !important; 
}

body.dark ul{
    color: #fcff3c !important; 
}

body.dark a{
    color: #50d0a0 !important; 
}

body.dark p{
    color: #50d0a0 !important; 
}
/* body.dark section, div {
    background-color: #292c35;
  } */

  /* body.dark .container {
    background-color:  #292c35;;
  } */
  
.checkbox {
  opacity: 0;
  position: absolute;
}

.checkbox-label {
  background-color: #111;
  width: 50px;
  height: 20px;
  border-radius: 30px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fa-moon {color: #f1c40f;}

.fa-sun {color: #f39c12;}

.checkbox-label .ball {
  background-color: #fff;
  width: 20px;
  height: 16px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 40%;
  transition: transform 0.2s linear;
}

.checkbox:checked + .checkbox-label .ball {
  transform: translateX(24px);
}