header.custom {
    z-index: 10000 !important;
}
.profileToolDropdown {
  position: fixed;
  right: 5px;
  display: none;
  width: 10%;
  padding: 10px;
  background-color: white;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: 102;
  overflow-y: auto;
}

.profileTool {
  align-self: center;
}
body.sidebar-collapsed .logo {
    transform: translateX(-70px); 
    transition: width 0.3s ease, transform 0.3s ease;
}
.profileToolDropdown:hover {
  background-color: #f1f1f1;

}

.profileToolOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
}

.custom .profile-icon:hover {
  cursor: pointer;
}

#toaster {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 300px;
  z-index: 1000;
}

.toast {
  background-color: #494747;

  color: white;
  padding: 16px;
  margin-top: 10px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  opacity: 0.9;
  animation: fadeout 4s forwards;
}

.profileToolDropdown a {
  background-color: var(--background-main);
  color: white;
}

.profileToolDropdown a:hover {
  background-color: var(--background-main-accent);
  color: white;
}


.custom {
  background-color: var(--background-main);
  top: 0;
  right: 0;
  position: fixed;
  z-index: 1000;
  padding: 10px;
  width: 100%;
}


.searchfield {
  margin-top: 60px;
  ;
}

select {
  padding-left: 10px;
}


@media screen and (max-width: 768px) {
  .profileToolDropdown {
    width: 60%;

    
  }

}
@media screen and (max-width: 1050px) {
.logo {
display: none !important;
    }

  .custom {
    width: 80%;  
    margin: 0 auto; 
    padding: 5px 10px;
    margin-right: 1px;
  }
   .profileToolDropdown {
    width: 20%;

    
  }

  .burger-menu {
    z-index: 10001; 
  }
}