/* 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.jivo_online,
#jivo_custom_widget {
	/* position: fixed;
	left: -3px;
	top: 30%;
	width: 35px;
	z-index: 300000;
	cursor: pointer;
	
	height: 170px;
	background-image: url(images/jivo_widget_offline.png); */
	z-index: 2;
	position: fixed;
	cursor: pointer;
	right: 0;
	bottom: 160px;
	height: 40px;
	width: 88px;
	border-top: 1px solid var(--White);
	border-bottom: 1px solid var(--White);
	border-left: 1px solid var(--White);
	border-radius: 100px 0 0 100px;
	background-color: var(--black);
}

#jivo_custom_widget.jivo_online:before,
#jivo_custom_widget::before {
	content: '';
	position: absolute;
	top: 14px;
	left: 20px;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: var(--White);
	animation: blink 3s infinite;
}

#jivo_custom_widget.jivo_online:after,
#jivo_custom_widget::after {
	content: url(../assets/svg/headset.svg);
	position: absolute;
	top: 7px;
	right: 20px;
	height: 24px;
	width: 24px;

}


/* when you hover the label should be shifted to the right by 3px */
#jivo_custom_widget.jivo_online:hover,
#jivo_custom_widget:hover {
	background: linear-gradient(91deg, #9011A5 13.75%, #201DC1 95.28%);
	box-shadow: 0px 0px 13px 0px #2C80FF;
}

/* if there are operators online - show other label*/
/* #jivo_custom_widget.jivo_online {
	height: 215px;
	background-image: url(images/jivo_widget_online.png);
} */