/* hide the original widget - that there were no two labels on the screen*/
#jivo_chat_widget{
	display: none;
}

/* the default style - for offline messages if no one is online */
#jivo_custom_widget{
	position: relative;
	width: 52px;
	cursor: pointer;
	background-size:100% 100%;
	height: 52px;
	background-image: url(/jivosite/images/online-chat.svg);
}

/* when you hover the label should be shifted to the right by 3px */
#jivo_custom_widget:hover{
	left:0;
}

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online{
	background-image: url(/jivosite/images/online-chat.svg);
}

.icon-jivo-count {
	position:absolute;
	top:-10px;
	right:-10px;
	background:#FF4040;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	width:18px;
	height:18px;
	font-family:MR;
	font-weight:400;
	font-size:10px;
	color:#FFF;
}