/* 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: 6px;
	bottom: 6px;
	width: 56px;
	height: 56px;
	z-index: 10000004;
	cursor: pointer;
	background-image: url(images/chat_default.svg); /* jivo_widget_offline.png */
    background-size: 56px;
}

/* when you hover the label should be shifted to the right by 3px */
#jivo_custom_widget:active {
	/* left:0; */
	background-image: url(images/chat_pressed.svg);
}

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

@media screen and (max-width: 1024px) { /* 550px */
	#jivo_custom_widget {
		top: initial;
		right: 6px;
		bottom: 60px;
        width: 48px;
        height: 48px;
        background-size: 48px;
	}
    #jivo_custom_widget.jivo_online {
        width: 48px;
        height: 48px;
        background-size: 48px;
        background-image: url(images/chat_default.svg); /* jivo_widget_online.png */
    }
}