.modal-dialog-notify  {
  position: absolute;
  top: 35px;
  right: 123px;
  width: 370px;
}
.modal-content-notify {
  border-radius: 0px !important;
}
.modal-backdrop {
  z-index: 0 !important;
}

.counting-cover {
    width: 16px;
    height: 16px;
    position: absolute;
    font-size: 9px;
    top: -4px;
    left: 40px;
    color: white;
    background: #ED2726;
    border-radius: 100%;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 10px;
}

.modal-body-notify {
  padding: 0px !important;
}
.modal-body-content-notify {
  padding: 8px;
}
.ele-item-notify {
  padding: 12px;
}
.ele-item-notify-not-see {
  background: #f0f5ff;
}
.footer-notify {
  background: #c5d1e7;
}
@media (max-width: 825px) {
  .modal-dialog-notify {
    right: 0px;
    padding: 20px 16px;
    width: 100%;
    left: 48%;
    transform: translate(-50%, 0%) !important;
  }
}