.header {
  padding: 4px;
  height: 49px;
  width: 100%;
  background-color: #18707b;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.header .user-card{
  color: white;
  height: 100%;
  width: 125px;
  position: relative;
  cursor: pointer;
}

.header .user-card:hover{
  color: white;
  background-color: rgb(28, 141, 156);
}


/* .userdata {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
} */
.userdata {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: calc(100% - 5px); 
  vertical-align: middle; 
}