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

/* стиль по умолчанию - для оффлайн сообщений, если никого нет в онлайне */
#jivo_custom_widget{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 48px;
	z-index: 300000;
	cursor: pointer;
	height: 48px;
	color: #fff;
	padding:4px 7px 6px 6px;
	border: transparent;
	text-align:center;
	display: table;
}

#jivo_custom_widget:before{
	content: "\f1d7";
	position:relative;
	text-align:center;
	font-family: FontAwesome;
	font-size: 28px;
	line-height: 1;
	color:#ffba00;
	opacity: 0;
	vertical-align: middle;
}

/* при наведении ярлык должен сдвигаться вправо на 3px */
#jivo_custom_widget:hover{
	background-color: #fff;
	border: 2px solid #ffba00;
	vertical-align: middle;
}
#jivo_custom_widget:hover:before{
	opacity:1;
}

/* если есть операторы в онлайне - показываем другой ярлык*/
#jivo_custom_widget.jivo_online{
	height: 48px;
	width:48px;
	padding:8px 5px 8px 4px;
}