.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  width: 100%;
  flex-flow: column wrap;
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.icon-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.contact-icon {
  width: 40px;
  height: 40px;
  background-color: initial;
  border: 1px solid #1a1a47;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  position: relative;
  cursor: pointer;
  background-color:#eceffe ;
}

.contact-icon-svg {
  width: 20px;
  height: 20px;
}

.notification-dot {
  width: 10px;
  height: 10px;
  background-color: #ff4500;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px;
  border: 2px solid #eceffe;
}

.user-info {
  display: flex;
  align-items: center;
  font-size: 16px;
  background-color: #f9f9f9;
  border-radius: 8px;
  margin-left: 15px;

}

.user-info .nameHeader{
  padding: 0px 25px;   
}

.user-info .iconAvatarHeader{
  background-color: #f9f9f9;
}

.user-initials {
  width: 40px;
  height: 40px;
  background-color: #eceffe;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
}

.user-name {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #1a1a47;
  font-size: larger;
  background: #eceffe;
  padding: 10px;
  border-radius: 9px;
  border: 1px solid #1a1a47;
}

.dropdownCustom {
  margin-bottom: 20px;
  margin-top: 20px;
}

.ant-dropdown-menu-title-content {
  border: none;
  box-shadow: none !important;
}
.custom-dropdown-menu .ant-dropdown-menu {
  background-color: #eceffe !important;
}
.custom-dropdown-menu .ant-dropdown-menu-title-content {
  background-color: #eceffe !important;
}