/*Write your custom css in this file.*/

.sidebar-menu li.active > a{
  background-color:#5BC0EB
}

.btn-primary{
  border-color:#5BC0EB;
  background-color: #5BC0EB !important;
}

.card-header img{

    width: 500px;
}


#themechk {
  position: absolute;
  opacity: 0; /* Hides the checkbox */
}

.nav-link {
  cursor: pointer;
}

.nav-item .sun {
  display: inline-block; /* Default: Sun icon visible */
}

#themechk:checked ~ .sun {
  display: none; /* Hide sun icon when dark theme is active */
}

.nav-item .moon {
  display: none; /* Default: Moon icon hidden */
}

#themechk:checked ~ .moon {
  display: inline-block; /* Show moon icon when dark theme is active */
}