/* 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: 9px;
	bottom: 15px;
	z-index: 300000;
	cursor: pointer;
	width: 65px;
    height: 65px;
    display: block;
    border-radius: 65px !important;	
	background-image: url('images/comment-dots-solid.svg');
	box-shadow: 0 19px 38px 0 rgba(34,36,43,.3);
	background-color: #27862A;
	background-size: 28px auto;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.3s;
}

/* when you hover the label should be shifted to the right by 3px */
#jivo_custom_widget:hover{
	background-color: rgba(118, 181, 75, 1);
}

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online{
	background-color: rgba(133, 197, 89, 1);
	transition: all 0.3s;
}
#jivo_custom_widget.jivo_online:hover{
	background-color: rgba(118, 181, 75, 1);
}
#jcont {
	bottom: 50px !important;
}
#jcont .jivo_link {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    z-index: 9999;
    position: relative;
    padding-bottom: 10px;
}
#jcont .jivo_link a {
    color: #000000;
    z-index: 9999 !important;
    position: relative !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}

@media (max-width: 992px) {
	#jivo_custom_widget {
		right: auto;
		left: 20px;
		bottom: 70px;
	}
}