/* 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;
    bottom: 16px;
    right: 16px;
    height: 56px;
    width: 56px;
    z-index: 300000;
    cursor: pointer;
    pointer-events: auto;
    overflow: hidden;
    border-radius: 50%;
    transition: transform 200ms ease;
    background-image: url('images/jivo.svg');
    background-position: 56px 0;
    box-shadow:
        0px 6px 16px -2px #1b1d210a,
        0px 24px 40px -4px #1b1d2114;
}

@media (hover: hover) {
    #jivo_custom_widget:hover {
        transform: scale(1.1);
    }
}

@media (max-width: 767px) {
    body[data-bottom-menu-snap-index='0'][data-burger-menu-is-open='false']
        #jivo_custom_widget {
        transform: translateY(-88px);
    }
}

@media (min-width: 768px) {
    #jivo_custom_widget {
        bottom: 40px;
    }
}

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online {
    background-position: 0 0;
}