/* скрываем оригинальный виджет - чтобы не было два ярлыка на экране*/
#jivo_chat_widget{
	display: none;
}

/* стиль по умолчанию - для оффлайн сообщений, если никого нет в онлайне */
#jivo_custom_widget{
	position: fixed;
	right: -2px;
	top: 30%;
	width: 40px;
	z-index: 300000;
	cursor: pointer;
	transition: .2s ease-out;
	height: 239px;
	background-image: url(images/jivo_widget_offline.png);
}

/* при наведении ярлык должен сдвигаться вправо на 3px */
#jivo_custom_widget:hover{
	right: 0;
}

/* если есть операторы в онлайне - показываем другой ярлык*/
#jivo_custom_widget.jivo_online{
	background-image: url(images/jivo_widget_online.png);
}


@media (max-width: 991.98px) {
	
	#jivo_custom_widget{
		top: auto;	
		bottom: 15px;
		left: -2px;
		right: auto;
		height: 62px;
		background-image: url(images/jivo_widget_offline_left.png?v=2);
	}


	#jivo_custom_widget:hover{
		left: 0;
		right: auto;
	}

	#jivo_custom_widget.jivo_online{
		background-image: url(images/jivo_widget_online_left.png?v=2);
	}
}