/* 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: 35px;
	z-index: 300000;
	cursor: pointer;
	
	height: 170px;
	background-image: url(images/jivo_widget_offline.png);*/
	
	position:fixed;
	right:0;
	margin-right:10px;
	top:78%;
	width:60px;
	height:60px;
	z-index: 300000;
	cursor: pointer;
	background: url(images/jivochat-logo-new.png) no-repeat center 50%;
	background-size:60px 60px;
}

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

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online{
	/*height: 215px; 
	background-image: url(images/jivo_widget_online.png) no-repeat 0 0;*/
	position:fixed;
	right:0;
	margin-right:10px;
	top:78%;
	width:60px;
	height:60px;
	z-index: 300000;
	cursor: pointer;
	background: url(images/jivochat-logo-new.png) no-repeat center 50%;
	background-size:60px 60px;
}

@media only screen and (min-width: 300px) {

#jivo_custom_widget{top:81%;}
#jivo_custom_widget.jivo_online{top:81%;}	
	
}