/* скрываем оригинальный виджет - чтобы не было два ярлыка на экране*/

#jivo_chat_widget{
	display: none;
}

/* стиль по умолчанию - для оффлайн сообщений, если никого нет в онлайне */
#jivo_custom_widget{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 80px;
	z-index: 300000;
	cursor: pointer;
	height: 80px;
	background-image: url(https://static-sl.insales.ru/files/1/5291/15750315/original/orig_80.png);
}
#jivo_custom_widget:before {
    content: '';
    position: absolute;
  	z-index: 1;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
  	background: transparent;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(128, 182, 0, 1);
  transform: scale(0.95);
}

@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(128, 182, 0, 0.7);
  }
  
  70% {
    transform: scale(1.15);
    box-shadow: 0 0 0 10px rgba(128, 182, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(128, 182, 0, 0);
  }
}

/* при наведении ярлык должен сдвигаться вправо на 3px */
#jivo_custom_widget:hover:before{
	animation: pulse-black 1.5s infinite;
}

/* если есть операторы в онлайне - показываем другой ярлык*/
#jivo_custom_widget.jivo_online{
	height: 80px;
	background-image: url(https://static-sl.insales.ru/files/1/5291/15750315/original/orig_80.png);
}