/* 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: 30px;
	bottom: 30px;
	width: 64px;
	z-index: 300000;
	cursor: pointer;
	
	height: 64px;
	background-image: url(images/chat-green.svg);
	/*background-image: url(images/jivo_widget_offline.png);*/
}

@media screen and (max-width: 976px) {
	#jivo_custom_widget {
		bottom: 80px;
	}
}

/* the default style - for offline messages if no one is online */
#jcont [class^='main']{
background: #181E25;
border-top-left-radius: 33px !important;

}

#jcont [class^='header']{
background: #2C3239;
border-top-left-radius: 33px !important;
	/*border: #27AE60 1px solid;*/
}

#jcont [class^='chatCopyright']{
	display: none;
	/*border: #27AE60 1px solid;*/
}

#jcont [class^='headerBox']{
background: #2C3239 !important;
border-top-left-radius: 33px !important;
border-top-right-radius: 33px !important;
}

#jcont [class^='headerContainer']{
border-top-right-radius: 33px !important;
}

#jcont [class^='inputField']{
color: white !important;
	-webkit-text-fill-color:white !important;

	max-width: 19em !important;
}

#jcont [class^='leaf']{
display: none;
}

#jcont [class^='input']{
	border: 0px;
	background: #181E25;
}

#jcont [class^='tdTextarea']{
	background: #2C3239;
	border-radius: 10px;
	margin: 0.5em;
	min-height: 6.5em;
	padding-bottom: 1em;
}

#jcont [class^='message']{
	background: #2C3239 !important;
}

#jcont [class^='text']{
	color: white !important;
}

#jcont [class^='content']{
	margin-left: 10px;
}

#jcont [class^='agentName']{
	margin-left: 10px;
}


#jcont [class^='iconEmoji']{
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%283%204%29%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%229.3%22%20stroke%3D%22%2327AE60%22%20stroke-width%3D%221.6%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%225.375%22%20cy%3D%226.375%22%20r%3D%221.375%22%20fill%3D%22%2327AE60%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2211.875%22%20cy%3D%226.375%22%20r%3D%221.375%22%20fill%3D%22%2327AE60%22%20transform%3D%22matrix%28-1%200%200%201%2023.75%200%29%22%2F%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%2327AE60%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.6%22%20d%3D%22M4.25%2010.5S4.5%2013%208.5%2013s4.25-2.5%204.25-2.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
}
#jcont [class^='iconAttach']{
	/*background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%2327AE60%22%20fill-rule%3D%22nonzero%22%20d%3D%22M16.5%208v9.5c0%202.21-1.79%204-4%204s-4-1.79-4-4V7a2.5%202.5%200%200%201%205%200v8.5c0%20.55-.45%201-1%201s-1-.45-1-1V8H10v7.5a2.5%202.5%200%200%200%205%200V7c0-2.21-1.79-4-4-4S7%204.79%207%207v10.5c0%203.04%202.46%205.5%205.5%205.5s5.5-2.46%205.5-5.5V8h-1.5z%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important;*/
	background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20width%3D%2224px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20280.067%20280.067%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cg%3E%20%3Cpath%20style%3D%22fill%3A%2327AE60%3B%22%20d%3D%22M149.823%2C257.142c-31.398%2C30.698-81.882%2C30.576-113.105-0.429%20c-31.214-30.987-31.337-81.129-0.42-112.308l-0.026-0.018L149.841%2C31.615l14.203-14.098c23.522-23.356%2C61.65-23.356%2C85.172%2C0%20s23.522%2C61.221%2C0%2C84.586l-125.19%2C123.02l-0.044-0.035c-15.428%2C14.771-40.018%2C14.666-55.262-0.394%20c-15.244-15.069-15.34-39.361-0.394-54.588l-0.044-0.053l13.94-13.756l69.701-68.843l13.931%2C13.774l-83.632%2C82.599%20c-7.701%2C7.596-7.701%2C19.926%2C0%2C27.53s20.188%2C7.604%2C27.88%2C0L235.02%2C87.987l-0.035-0.026l0.473-0.403%20c15.682-15.568%2C15.682-40.823%2C0-56.39s-41.094-15.568-56.776%2C0l-0.42%2C0.473l-0.026-0.018l-14.194%2C14.089L50.466%2C158.485%20c-23.522%2C23.356-23.522%2C61.221%2C0%2C84.577s61.659%2C23.356%2C85.163%2C0l99.375-98.675l14.194-14.089l14.194%2C14.089l-14.194%2C14.098%20l-99.357%2C98.675C149.841%2C257.159%2C149.823%2C257.142%2C149.823%2C257.142z%22%3E%3C%2Fpath%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}
#jcont [class^='iconMenu']{
	display: none;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2224%22%3E%3Cdefs%2F%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h12v24H0z%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%225%22%20r%3D%222%22%20fill%3D%22%2327AE60%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22%2327AE60%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2219%22%20r%3D%222%22%20fill%3D%22%2327AE60%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}
#jcont [class^='sendButton']{
	display: none;
	width: 24px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20xml%3Aspace%3D%22preserve%22%3E%0A%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cg%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%200%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20none%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22translate%281.4065934065934016%201.4065934065934016%29%20scale%282.81%202.81%29%22%20%3E%0A%09%3Cpath%20d%3D%22M%2089.999%203.075%20C%2090%203.02%2090%202.967%2089.999%202.912%20c%20-0.004%20-0.134%20-0.017%20-0.266%20-0.038%20-0.398%20c%20-0.007%20-0.041%20-0.009%20-0.081%20-0.018%20-0.122%20c%20-0.034%20-0.165%20-0.082%20-0.327%20-0.144%20-0.484%20c%20-0.018%20-0.046%20-0.041%20-0.089%20-0.061%20-0.134%20c%20-0.053%20-0.119%20-0.113%20-0.234%20-0.182%20-0.346%20C%2089.528%201.382%2089.5%201.336%2089.469%201.29%20c%20-0.102%20-0.147%20-0.212%20-0.288%20-0.341%20-0.417%20c%20-0.13%20-0.13%20-0.273%20-0.241%20-0.421%20-0.344%20c%20-0.042%20-0.029%20-0.085%20-0.056%20-0.129%20-0.082%20c%20-0.118%20-0.073%20-0.239%20-0.136%20-0.364%20-0.191%20c%20-0.039%20-0.017%20-0.076%20-0.037%20-0.116%20-0.053%20c%20-0.161%20-0.063%20-0.327%20-0.113%20-0.497%20-0.147%20c%20-0.031%20-0.006%20-0.063%20-0.008%20-0.094%20-0.014%20c%20-0.142%20-0.024%20-0.285%20-0.038%20-0.429%20-0.041%20C%2087.03%200%2086.983%200%2086.936%200.001%20c%20-0.141%200.003%20-0.282%200.017%20-0.423%200.041%20c%20-0.035%200.006%20-0.069%200.008%20-0.104%200.015%20c%20-0.154%200.031%20-0.306%200.073%20-0.456%200.129%20L%201.946%2031.709%20c%20-1.124%200.422%20-1.888%201.473%20-1.943%202.673%20c%20-0.054%201.199%200.612%202.316%201.693%202.838%20l%2034.455%2016.628%20l%2016.627%2034.455%20C%2053.281%2089.344%2054.334%2090%2055.481%2090%20c%200.046%200%200.091%20-0.001%200.137%20-0.003%20c%201.199%20-0.055%202.251%20-0.819%202.673%20-1.943%20L%2089.815%204.048%20c%200.056%20-0.149%200.097%20-0.3%200.128%20-0.453%20c%200.008%20-0.041%200.011%20-0.081%200.017%20-0.122%20C%2089.982%203.341%2089.995%203.208%2089.999%203.075%20z%20M%2075.086%2010.672%20L%2037.785%2047.973%20L%2010.619%2034.864%20L%2075.086%2010.672%20z%20M%2055.136%2079.381%20L%2042.027%2052.216%20l%2037.302%20-37.302%20L%2055.136%2079.381%20z%22%20style%3D%22stroke%3A%20none%3B%20stroke-width%3A%201%3B%20stroke-dasharray%3A%20none%3B%20stroke-linecap%3A%20butt%3B%20stroke-linejoin%3A%20miter%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20%2327AE60%3B%20fill-rule%3A%20nonzero%3B%20opacity%3A%201%3B%22%20transform%3D%22%20matrix%281%200%200%201%200%200%29%20%22%20stroke-linecap%3D%22round%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
}

#jcont [class^='menuWrap']{
	display: none;
}

#jcont [class^='client']{
	background: #2C3239;
}

#jcont [class^='avatarBox']{
	display: none;
}

#jcont [class^='iconPanel']{
	flex-direction: row;
	right: 3.5em;
	left: unset;
	width: 1em;
	/*gap: 5px;*/
	bottom: unset;
	top: 1em;
}

/* 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{
	height: 64px;
	background-image: url(images/chat.svg);
	/*background-image: url(images/jivo_widget_online.png);*/
}