/* скрываем оригинальный виджет - чтобы не было два ярлыка на экране*/
#jivo_chat_widget{
	display: none;
}

/* стиль по умолчанию - для оффлайн сообщений, если никого нет в онлайне */
#jivo_custom_widget{
	width: 54px;
	height: 252px;
	position: fixed;

	bottom: calc(50% - 100px);
	right: -3px;

	z-index: 300000;
	cursor: pointer;


	background-image: url(images/jivo_background_90.png);
}


#jivo_custom_widget span {
	display: block;
	color: #ffffff;
	text-align: left;
	font-size: 0.9em;
	line-height: 14px;

	width: 208px;
	height: 195px;
	padding-top: 15px;

	transform: rotate(-90deg);
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/* при наведении ярлык должен сдвигаться вправо на 3px */
#jivo_custom_widget:hover{
	right:0;
}

/* если есть операторы в онлайне - показываем другой ярлык*/
#jivo_custom_widget.jivo_online{
	background-image: url(images/jivo_background_90.png);
}
@media only screen and (max-width : 620px)  {
	#jivo_custom_widget span {
		display: none;
	}
	#jivo_custom_widget{
		height: 14.4%;
		margin-right: 5px;
		width: 23.5%;
		margin-bottom: -234px;
		position: fixed;
		bottom: calc(50% - 100px);
		right: -3px;

		z-index: 300000;
		cursor: pointer;

		background-image: url(images/jivo_mobile.png);
		background-repeat: no-repeat;
	}
	#jivo_custom_widget.jivo_online{
		background-image: url(images/jivo_mobile.png);
		background-repeat: no-repeat;
	}
	span.jivo-text{
		display: none;
	}
}
@media only screen and (max-width : 414px)  {
	#jivo_custom_widget span {
		display: none;
	}
	#jivo_custom_widget{
		height: 14.4%;
		margin-right: 5px;
		width: 23.5%;
		margin-bottom: -234px;
		position: fixed;

		bottom: calc(50% - 100px);
		right: -3px;

		z-index: 300000;
		cursor: pointer;

		background-image: url(images/jivo_mobile.png);
		background-repeat: no-repeat;
	}
	#jivo_custom_widget.jivo_online{
		background-image: url(images/jivo_mobile.png);
		background-repeat: no-repeat;
	}
	span.jivo-text{
		display: none;
	}
}