.echat-root {
	position: fixed;
	right: 15px;
	bottom: 0;
	width: 360px;
	font: normal 13px/18px Arial;
	color: #222;
	z-index: 1004;
	max-width: calc(100vw - 30px);
}
.echat-root * {
	box-sizing: border-box;
}

.echat {
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	box-shadow: 0 0 25px -4px rgba(0,0,0,.25);
}







	.echat__header {
		background: #444;
		font-weight: bold;
		color: #fff;
		height: 36px;
		padding: 0 10px 0 20px;
		display: flex;
		align-items: center;
	}
	.minified .echat__header {
		cursor: pointer;
		height: 44px;
		position: relative;
	}
	.minified .echat__header:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 44px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/P//PwMpgImBRIBLwxUgvoVVBuQkNHz+PwJcRZdHV3wBqvAOEF+Esq/h0gBT/ABJ7Cq6TejOAClmQbP1KrJNIIEreBSja7rNCHIv0O/sQKwIxH/whOhNIOZjHLCIwwkAAgwAs+fZ8RIAJOQAAAAASUVORK5CYII=) no-repeat 50% 50%;
	}
	.minified .echat__header:hover {
		background: #222;
	}
		.echat__header-title {
			pointer-events: none;
		}
		.echat__headerActions {
			margin-left: auto;
			display: flex;
		}
		.minified .echat__headerActions {
			display: none;
		}
			.echat__headerActions a {
				position: relative;
				margin: 0 1px;
				width: 36px;
				height: 36px;
			}
			.echat__headerActions a:hover {
				background-color: #222;
			}
			.echat__header-close {
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAJElEQVQoU2NkIBEwkqieYVQDMSFGh1D6////f2KcAlPDSKoGAEcgCAUFTWx9AAAAAElFTkSuQmCC) no-repeat 50% 50%;
			}
			.echat__header-fullsize:after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				width: 10px;
				height: 10px;
				margin: -7px 0 0 -7px;
				border: 2px solid #fff;
				border-radius: 3px;
			}






.echat__container {
	position: relative;
	overflow: hidden;
}
.minified .echat__container {
	height: 0;
}

	.echat__body {
		background: #74B4E0;
		box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
		padding: 15px 15px 15px 10px;
		overflow-x: hidden;
		overflow-y: auto;
		height: 400px;
	}
	.echat--big_boss {
		border-right: 4px solid #ff3636;
	}
	.echat--admin {
		border-right: 4px solid #00f;
	}
	.echat--echat--releaser {
		border-right: 4px solid #0f0;
	}
		.echat__body::-webkit-scrollbar {
			width: 8px;
		}
		.echat__body::-webkit-scrollbar-track {
			background: #6aa5cc;
		}
		.echat__body::-webkit-scrollbar-thumb {
			margin: 2px;
			background: #4e7d9d;
		}






		.echat__message {
			padding: 0 20px 0 50px;
			position: relative;
		}
		.echat__message + .echat__message {
			margin-top: 15px;
		}
			.echat__message-foto {
				width: 40px;
				height: 40px;
				position: absolute;
				left: 0;
				bottom: 0;
				border-radius: 50%;
			}
			.echat__message-body {
				padding: 8px 14px;
				background: #fff;
				border-radius: 7px;
				box-shadow: 0 2px 0 rgba(0,0,0,.1);
				position: relative;
			}
			.echat__message-body:before {
				content: '';
				position: absolute;
				left: -7px;
				bottom: -2px;
				border: 6px solid transparent;
				border-bottom-color: rgba(0,0,0,.1);
			}
			.echat__message-body:after {
				content: '';
				position: absolute;
				left: -7px;
				bottom: 0;
				border: 8px solid transparent;
				border-bottom-color: #fff;
			}
			.echat__message.quoted .echat__message-body {
				background: #fff5cf;
			}
			.echat__message.quoted .echat__message-body:after {
				border-bottom-color: #fff5cf;
			}
				.echat__message-header {
					display: flex;
					justify-content: space-between;
					margin-bottom: 5px;
				}
					.echat__message-author {
						font-size: 12px;
						font-weight: bold;
						color: #398DD8;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						text-decoration: none;
					}
					.echat__message-author:hover {
						color: #c40;
					}
					.echat__message-date {
						font-size: 11px;
						color: #777;
					}
				.echat__message-text {
					word-break: break-word;
				}
					.echat__message-text pre {
						font-size: .9em;
						font-family: monospace;
						color: #4e7391;
						white-space: pre-line;
						word-break: break-all;
					}
					.echat__message-text a {
						color: #0144d9;
						text-decoration: underline;
					}
					.echat__message-text a:hover {
						color: #d95e01;
						text-decoration: none;
					}
				.echat__message-actions {
					display: flex;
					justify-content: flex-end;
					line-height: 22px;
					gap: 16px;
				}
					.echat__message-actions a {
						font-size: 11px;
						color: #777;
						text-decoration: none;
					}
					.echat__message-actions a:hover {
						color: #398DD8;
					}
		.echat__message.myself {
			padding: 0 0 0 70px;
		}
			.echat__message.myself .echat__message-foto {
				display: none;
			}
			.echat__message.myself .echat__message-body {
				background: #DEF1FD;
				border-right: none;
			}
			.echat__message.myself .echat__message-body:before {
				left: auto;
				right: -7px;				
			}
			.echat__message.myself .echat__message-body:after {
				left: auto;
				right: -7px;
				border-bottom-color: #DEF1FD;
			}
				.echat__message.myself .echat__message-header {
					display: none;
				}






	.echat__editor {
		background: #fff;
		display: flex;
		padding: 6px 0 12px;
		position: relative;
	}
	.echat__editor:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 100%;
		right: 0;
		height: 1px;
		background: rgba(0,0,0,.1);
	}
/*
	.echat.transition .echat__editor {
		transition: height .2s;
	}
	.echat.minified .echat__editor {
		height: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
*/
		.echat__editor-textarea {
			font: inherit;
			padding: 4px 12px;
			flex: 1;
			color: #222;
			height: 64px;
			outline: none;
			border: none;
			background: transparent;
			box-shadow: none;
			resize: none;
		}
		.echat__editor-textarea::placeholder {
			color: #777;
		}
		.echat__editor-textarea:focus {
			box-shadow: none;
		}
		.echat__editor-textarea::-webkit-scrollbar {
			width: 6px;
		}
		.echat__editor-textarea::-webkit-scrollbar-track {
			background: #f2f2f2;
		}
		.echat__editor-textarea::-webkit-scrollbar-thumb {
			background: #c2c2c2;
		}

		.echat__editor-actions {
			padding: 6px 15px 0;
			display: flex;
			justify-content: space-between;
			flex-direction: column;
		}
			.echat__editor-actions a {
				width: 24px;
				height: 22px;
			}
			.echat__editor-actions_smile {
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAr1JREFUeNqclW1ojWEYx885mw/zllkW8pIk7y9Rk4TR2EpKhhPyYaImSUoUSvnG+EBCJiUvOyfvX6SWtyhq3kkyRV4yL6MZWz5w/P7zP3p6nO3IXb+u59znuv7Pfd/XdV9PNJVKRTKNZDKZh5kKM2E89IcovIG7cAkux+Px5kzx0UzCiFZgNsDQwHQTyLlHYO4F7IB9vOBnu8II9sTshwWeOmG0wg+ek89YmAeLIBcuwArEX/8ljGg+phYmwANYjmNdpINBzCgvZDLUw3RidFSRmB10dtUW1dnNyCaqgc8jTBmcgSFwBK1Of4QZS6EcHsJ8Ahoj/zjw/YpZAte0YljddhSJRCLPgsr6RBzvRf5jsNJBGMV+h2E6+CkwGE4FRZ3ItfAKDgazzn+LMaNhN/NvvfLnzB/nsVLHI+FS+9eEFqEtbfbzHbhlUS3imOe7w6pATCItHHPCUg4Ojvug4n8GDYH5zy6/b3A7FKNktqgcJdwPvkBjKClnMSqnomB98vwJM03/8XwoJCyd99Ar19c0ZcIZf9lOJTR7N+EhDeUiGvPd11nlB5LT2VnOVgkDoVtgSs+F2n3MJRLzNU2PjSpBgso6EC3yDd0ZmB4OXRUb8zXWWBhwUECX3/HJ0gyikzDnvNNg3Zfb1uqCaPmPoQDGcX5PHbwNs96Op+E6/ACJxp0btYFK1Tj+fVwVOeqKbU2IyZX82As3oATHFoure22CkaFFqwSr8DtgvxzvYDZsYX5ruldU+0i0mqNKnrNf4yav7rVMHQ+KlY+AaK7jJarGVRVum30xV9ylrrq/1mepigGYPTAHdLWL00cZbvRqRCr6Et+gw3DSTaopUFIjYK53oS/KTahA9Em7nyZvbQ2sg96eboV3vgCFrpj09d4F2xFtzfrN8wsK3MRnwRgLqhI+egcX4TyCDZnifwkwAOI+Dli0umMFAAAAAElFTkSuQmCC) no-repeat 50% 50%;
			}
			.echat__editor-actions_send {
				display: none;
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdVJREFUeNqslckrhVEUwD/6srEhU+YhKcOGIllRlrZioWwkslAWrGT4CxDJUGToIREbkcz1Fi9Kys5QZChDiIQ8v6vz9Hn43veed+rX6Q7dM9xz7g0otJ00apqWA2Owsloe94TWiiZOtf8I53xqHWohCcrAwcGD6Gm40fwggTBrGOdCH6xDK6T4w0AX3LrNZ0ELbEGHpNA3A+TqGD31x3o01MMGjEKBpNWrCDSJ4t5kXzBUqLuDBSiVOWsGiGIfZbOwPwiKJeJlqINIKxEoGYBnL6LPh27YhGZINTVAFNuoER/uMQ3awQ6dkG1cDHA6nV8DeiAMVSLeqN5IB9UxEW7RmsmD3FMvTq99M2AU6WSV83AxkAGJkCxeZ8naX/IGbZ5K7gXOpKsvIROu4VUMmRlQZyfqv3geJ3mMl07OgxhQ6QuxmKY96FGVqbsd3oBSj1+UD5f9DkswBIvk/04zdiWHx6KaPNW1yaUOSG/8yJNLqrw8/Eoarh92zS5CeR8lBqzIEagnfRIOPG12RVAt9W4mDhiGGbiwGqaO96Em3qtyXBOP5718Sr4iqIEEt/lHmJO3xv6fD0cZqDSMz2FcXtYdf3yZupTYvXhso34P/fHpu+RDgAEAMpN1pfCgz/YAAAAASUVORK5CYII=) no-repeat 50% 50%;
			}




.echat__smilies {
	display: none;
	position: absolute;
	right: 15px;
	bottom: 100%;
	margin-bottom: 10px;
	width: 300px;
	background: #fff;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
	.echat__smilies-list {
		padding: 11px;
		font-size: 22px;
		max-height: 350px;
		overflow: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.echat__smilies-list::-webkit-scrollbar {
		width: 6px;
	}
	.echat__smilies-list::-webkit-scrollbar-track {
		background: #f2f2f2;
	}
	.echat__smilies-list::-webkit-scrollbar-thumb {
		background: #c2c2c2;
	}
		.echat__smilies-item {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 45px;
			height: 41px;
			cursor: pointer;
			border-radius: 3px;
		}
		.echat__smilies-item:hover {
			background: #f0f0f0;
		}

.echat__offline {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);

	padding: 0 30px;
	font-size: 14px;
	color: #ddd;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
	.echat__offline-button {
		height: 30px;
		border-radius: 2px;
		padding: 0 30px;
		border: none;
		background: #eee;
		color: #111;
		font-size: 12px;
		margin-top: 15px;
		cursor: pointer;
	}
	.echat__offline-button:hover {
		background: #fff;
	}

.echat__loading {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60px;
	width: 60px;
	margin: -30px 0 0 -30px;
	border-radius: 50%;
	background: rgba(0,0,0,.7) url(../img/loading.gif) no-repeat 50% 50%;
}

.echat__rooms {
	background: #f5f6f7;
	border-top: 1px solid #eee;
	display: flex;
}
	.echat__rooms-item {
		flex: 1;
		line-height: 36px;
		text-align: center;
		text-transform: uppercase;
		font-size: 12px;
		color: #333;
	}
	.echat__rooms-item:hover {
		background: #74b4e0;
		text-decoration: none;
		color: #fff;
	}
	.echat__rooms-item.active {
		background: #444;
		color: #fff;
		pointer-events: none;
	}



.echat-root.fullsize {
	right: 0;
	top: 0;
	width: 560px;
	max-width: 100%;
}
.echat-root.minified {
	top: auto;
	right: 10px;
	width:  200px;
}
	.fullsize .echat {
		height: 100%;
		display: flex;
		flex-direction: column;
		border-radius: 0;
	}
		.fullsize .echat__container {
			display: flex;
			flex-direction: column;
			flex: 1;
		}
			.fullsize .echat__body {
				flex: 1;
				height: auto;
			}