
.notifbtn {
  background-color: #ff993b;
  padding: 6px;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  text-align: center;
  margin: 5px;
}


.notifbox {
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
  width: auto;
  min-width: 200px;
  direction: rtl;
  padding: 5px 10px;
  border-radius: 10px;
  position: absolute;
  bottom: 70px;
  left: 25px;
  font-family: 'Vazir',vazirmatn;
}

.notifHolder {
  position: fixed;
  width: 64px;
  height: 57px;
  bottom: 29px;
  left: 25px;
  z-index: 10;
}

#notiftext {
  font-size: 1.1em;
}

.v101_3 {width: 64px;height: 64px;background: rgba(255,153,59,1);opacity: 1;position: absolute;=: 175px;left: 1px;border-radius: 50%;}

.v105_5 {width: 43px;height: 43px;background: url("bell.png");background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;position: absolute;top: 10px;left: 11px;overflow: hidden;cursor: pointer;}

.bellcircle {
  transform: scale(0.9);
  transition: transform .25s cubic-bezier(.42,0,.61,1.86);
  width: 60px;
  height: 60px;
  border: none;
  position: absolute;
  bottom: 1px;
  box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
  border-radius: 50%;
  left: 1px;
}

.bellcircle.pulse {

  -webkit-animation: bellpulse 1.5s 5;

}

.bellcircle:hover {
  transform: scale(1.05);
  animation-play-state: paused;
}




@-webkit-keyframes bellpulse {
  
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }

  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgb(255 153 59 / 26%);
  }

}   
  
.notifHolder .popout {
  transform: scale(0.9);
  transition: transform .25s !important;
}

.notifHolder .popout:hover{
transform: scale(1.05);
  animation-play-state: paused;
  
}
