/* hide the original widget - that there were no two labels on the screen*/
@media(max-width: 1023px) {
    #jivo_chat_widget {
        display: none;
    }

    /* the default style - for offline messages if no one is online */
    #jivo_custom_widget {
        position: fixed;
        left: 4px;
        /* top: 0; */
        width: 65px;
        z-index: 300000;
        cursor: pointer;
        background-image: url(images/jvchat.svg);
        bottom: 52px;
        height: 66px;
        background-repeat: no-repeat;
        background-size: cover;
    }

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

    /* if there are operators online - show other label*/
    #jivo_custom_widget.jivo_online {
        background-image: url(images/jvchat.svg);
        background-size: contain;
    }
}