#jivo_chat_widget {
    display: none;
}

#jivo_custom_widget {
    position: fixed;
    z-index: 300000;
    cursor: pointer;
    width: 65px;
    height: 65px;
    background-size: cover;
    opacity: 0.95;
    transition: all 0.3s ease;
    border: 1px solid #cea9ff;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 20px #9646ff6e,
	                    0px 5px 5px -1px #8538eb2e,
						inset 4px 4px 8px #d8baff82,
						inset -4px -4px 8px #6813d947;
    -moz-box-shadow: 0px 0px 20px #9646ff6e,
	                    0px 5px 5px -1px #8538eb2e,
						inset 4px 4px 8px #d8baff82,
						inset -4px -4px 8px #6813d947;
    -ms-box-shadow: 0px 0px 20px #9646ff6e,
	                    0px 5px 5px -1px #8538eb2e,
						inset 4px 4px 8px #d8baff82,
						inset -4px -4px 8px #6813d947;
    -o-box-shadow: 0px 0px 20px #9646ff6e,
	                    0px 5px 5px -1px #8538eb2e,
						inset 4px 4px 8px #d8baff82,
						inset -4px -4px 8px #6813d947;
    box-shadow: 0px 0px 20px #9646ff6e,
	                    0px 5px 5px -1px #8538eb2e,
						inset 4px 4px 8px #d8baff82,
						inset -4px -4px 8px #6813d947;
}

@media (max-width: 767px) {
    #jivo_custom_widget {
        bottom: 20px;
        left: 20px;
    }

    #jivo_custom_widget:not(.jivo_online) {
        background-image: url(/jivosite/images/jivo_widget_offline.png);
    }

    #jivo_custom_widget.jivo_online {
        height: 65px;
        background-image: url(/jivosite/images/jivo_widget_online-1.webp);
    }
}

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

    /* Состояние offline */
    #jivo_custom_widget:not(.jivo_online) {
        background-image: url(/jivosite/images/jivo_widget_offline.png);
    }

    /* Состояние online */
    #jivo_custom_widget.jivo_online {
        height: 65px;
        background-image: url(/jivosite/images/jivo_widget_online-1.webp);
    }
}