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

/* стиль по умолчанию - для оффлайн сообщений, если никого нет в онлайне */
#jivo_custom_widget{
	position: fixed;
	bottom: -3px;
	right: 100px;
	width: 340px;
	height: 39px;
	z-index: 300000;
	cursor: pointer;
	background-image: url(images/jivo_widget_offline4.png);
	background-repeat: no-repeat;
	transition:0.5s;
}

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

/* если есть операторы в онлайне - показываем другой ярлык*/
#jivo_custom_widget.jivo_online{
	background-image: url(images/jivo_widget_online4.png);
	background-repeat: no-repeat;
}
@media (max-width: 768px){
	#jivo_custom_widget{
		right: 0px;
		width: 300px;
		height: 30px;
	}

}