/* 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;
	left: -3px;
	top: 30%;
	width: 66px;
	z-index: 300000;
	cursor: pointer;
	
	height: 66px;
	background-image: url(images/promobot.png);
}
 when you hover the label should be shifted to the right by 3px */
 #jivo_custom_widget {
  position: fixed;             
  bottom: 0;                   
  left: 50%;                   
  transform: translateX(-50%); 
  width: 66px;
  height: 66px;
  z-index: 300000;
  cursor: pointer;
  background-image: url(images/promobot.png);
}
 
#jivo_custom_widget:hover{
  position: fixed;             
  bottom: 0;                   
  left: 50%;                   
  transform: translateX(-50%); 
  width: 66px;
  height: 66px;
  z-index: 300000;
  cursor: pointer;
}

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online{                          
  position: fixed;             
  bottom: 0;                   
  left: 50%;                   
  transform: translateX(-50%); 
  width: 66px;
  height: 66px;
  z-index: 300000;
  cursor: pointer;
  background-image: url(images/promobot.png);
}