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

@media only screen and (max-width: 599px) {
	#jivo_custom_widget {
		position: fixed;
		right: 15px;
		top: 85%;
		width: 70px;
		z-index: 300000;
		cursor: pointer;
		background-image: url(images/chat.png);
		height: 70px;
	}

	#jivo_custom_widget.jivo_online {
		display: block;
	}
}

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

	/* the default style - for offline messages if no one is online */
	#jivo_custom_widget {
		position: fixed;
		right: -3px;
		top: 30%;
		width: 91px;
		z-index: 300000;
		cursor: pointer;
		height: 124px;
		background-image: url(images/jivo_widget_offline.png);
	}

	/* if there are operators online - show other label*/
	#jivo_custom_widget.jivo_online {
		background-image: url(images/chat2.png);
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
	}

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

#jivo_custom_widget.jivo_offline {
	background-image: none;
}

.wrap_3s {
	margin-right: 15px !important;
	margin-bottom: 15px !important;
	top: 70% !important;
}