/* 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: fixed;
	right: 20px;
	bottom: 20px;
	width: 66px;
	z-index: 998;
	cursor: pointer;
	height: 66px;
	background-image: url(images/message-icon.svg);
	border: 1px solid #193a64;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #002C54;
	box-shadow: 0px 16px 32px rgba(0, 26, 50, 0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 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 {
	height: 66px;
	background-image: url(images/message-icon.svg);
	background-repeat: no-repeat;
	border: 1px solid #193a64;

}
#jivo_custom_widget, #jivo_custom_widget.jivo_online:hover {
	background-image: url(images/message-icon-gray.svg);
}
@media screen and (max-width: 992px) {

	#jivo_custom_widget,
	#jivo_custom_widget.jivo_online {
		display: none !important;
	}
}