.layout-side-section {
  background-color: #ffffff; /* A dark gray background color */
  border-right: 1px solid #34495e; /* Add a subtle border to the right */
}
/*
 * Part 2: Styling the menu items
 * We'll use more specific selectors to avoid conflicts.
 */
.standard-sidebar-item {
  /* No background color on the parent so it inherits from the main container */
  background-color: transparent !important;
  color: #fff !important;
  /* Remove any default margins or padding that might cause gaps */
  margin: 0 !important;
  padding: 0 !important;
}


.standard-sidebar-item a {
  display: block;
  /* padding: 12px 15px; Add padding to the link itself */
  color: #fff !important;
}




/*
 * Part 5: Your other customizations
 */
.btn-primary,
.btn-primary:focus {
    background-color: #037172 !important;
    border-color: #037172 !important;
    color: white !important;
}
.btn-primary:hover{
  background-color: #037172 !important;
  border-color: #037172 !important;
  color: white !important;
}

/* Clean up extra rules that might cause issues */
.standard-sidebar-section,
.desk-sidebar-item.standard-sidebar-section {
  background-color: #037172;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  height: 100vh;
}







.app-switcher-dropdown{
  background-color: #037172 !important;
}
.app-logo-container{
  background-color: #037172 !important;
}
.body-sidebar-bottom{
  background-color: #037172 !important;
  color:#fff !important;
}
.body-sidebar-bottom a{
  color: #fff !important;
}
.body-sidebar-bottom svg{
  stroke: #fff;
}
.body-sidebar-top{
  background-color: #037172 !important;
}
.body-sidebar{
  border-right: 1px solid #cdf1f6 !important;
  background: #037172 !important;
}

.standard-sidebar-item:hover a {
  background-color: #58bec0;
  border-radius: 6px !important;
  color: rgb(252, 251, 251); /* White text for better contrast on the red background */
}
.active-sidebar{
  background: #58bec0 !important;
  font-weight: bold !important;
  color:white !important;
}
.active-sidebar .sidebar-item-label{
  color:white !important;
}
.standard-sidebar-item.selected .sidebar-item-label {
  color: white !important; /* your desired color */
}


.active-sidebar .sidebar-item-icon svg{
  stroke: white !important;
}
.sidebar-item-icon svg {
  stroke: rgb(250, 248, 248) !important;
}
.body-sidebar .sidebar-item-label {
  color: #fff !important;
}
.sidebar-items{
  color: #fff !important;
}
.body-sidebar-container .body-sidebar .sidebar-items{
  color: #fff !important;
}
.sidebar-item a{
  color: #fff !important;
}
.web-sidebar .title{
  color: #fff !important;
}

.app-switcher-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background-color: #58bec0 !important;
  color: #fff !important;
}

.app-item:hover {
  background-color: #037172 !important;
  color: black !important;
}

.sidebar-header {
  pointer-events: none !important;

}
.show-in-edit-mode{
  display: none !important;
}
.sidebar-item-icon.header-logo-container {
  width: 60px !important;
  height: 60px !important;
  flex: 0 0 60px !important;
  background: transparent !important;
  padding: 0 !important;
}

.header-logo {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.header-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.sidebar-header .title-container {
  flex: 1 1 auto !important;
}
/* .header-title {     
  font-size: 0 !important;
}

.header-title::after {
  content: "NAEB OES";
  font-size: 16px !important;
  color: #fff !important;
}
.header-subtitle{
  font-size: 0 !important;
}
.header-subtitle{
  content: "";
  font-size: 16px !important;
  color: #fff !important;   // also this was working
} */