::-webkit-scrollbar {
    // display: none;
    }
    .circle {
        width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 8px;
    color: white;
    text-align: center;
    background: black;
    float: right
      }
      .notif {
        position: relative;
        display: block;
        height: 50px;
        width: 100px;
        text-decoration: none;
      }
      .num {
        position: absolute;
        right: 0px;
        top: -6px;
        color: black;
        /* background-color: red; */
       /*  color: #e91313; */
      }
     

      .mat-menu-panel.myStyle{
        max-width: 500px !important;
        width: 500px;

      }