/* Define DIHS Green Color */
:root {
    --dihs: #19970a;
    --light-dihs: #ebffe9;
  }
  
  /* Text color utility */
  .text-dihs {
    color: var(--dihs) !important;
  }

  .text-lightdihs {
    color: var(--light-dihs) !important;
  }
  
  /* Background color utility */
  .bg-dihs {
    background-color: var(--dihs) !important;
    color: white; /* Ensure text is readable */
  }
  
  .bg-lightdihs {
    background-color: var(--light-dihs) !important;
    color: white; /* Ensure text is readable */
  }

  /* Border color utility */
  .border-dihs {
    border: 1px solid var(--dihs) !important;
  }
  
  /* Button style utility */
  .btn-dihs {
    background-color: var(--dihs) !important;
    color: white !important;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  /* Button hover effect */
  .btn-dihs:hover {
    background-color: #157c08 !important; /* Darker shade for hover */
  }


  /* Sidebar Link Default Text Color */
.sidebar-item .sidebar-link {
    color: #19970a !important; /* Make sidebar text green */
}

/* Sidebar Link Hover Effect */
.sidebar-item .sidebar-link:hover {
    background-color: rgba(25, 151, 10, 0.1) !important; /* Light green background on hover */
    color: #19970a !important; /* Keep text green on hover */
}

/* Active Sidebar Link */
.sidebar-item.selected > .sidebar-link,
.sidebar-item .sidebar-link.active {
    background-color: #19970a !important; /* Solid green background */
    color: white !important; /* White text */
}

/* Ensure icon inside active link also turns white */
.sidebar-item.selected > .sidebar-link i,
.sidebar-item .sidebar-link.active i {
    color: white !important;
}

/* Ensure inactive icons stay green */
.sidebar-item.active > .sidebar-link {
  background-color: #19970a !important; /* Green background */
  color: white !important; /* White text */
}

/* Active Sidebar Link */
.sidebar-link.active {
  background-color: #19970a !important; /* Green background */
  color: white !important; /* White text */
}

/* Ensure icon inside active link turns white */
.sidebar-item.active > .sidebar-link i {
  color: white !important;
}

/* Ensure inactive icons remain green */
.sidebar-link i {
  color: #19970a !important;
}


    .border-bottom-green {
        border: none;
        border-bottom: 3px solid #19970a !important;
    }