#notification_dot{
  font-size: 6px;
  top: 0;
  vertical-align: top;
  color: red;
  display:none;
}

#notification_panel{
  box-align:left;
  /* height: 98vh; */
  width: 35%;
  position: absolute;
  right: 0;
  top:55px;
  bottom:0;
  z-index:1111;
  background:rgb(0 0 0 / 80%);
  display:none;
}

#item_ul{
  color:white;
  margin-top:20px;
}

.li-link{
  color: white !important;
}

.li-link:hover{
  text-decoration: underline;
}

@media only screen and (max-width: 600px) {
  #notification_panel {
    width: 100%;
  }
}