.btn-open-chat-wrapper {
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 18px;
    right: 20px;
    width: 48px;
    height: 48px;
	opacity: 0.5;
	z-index: 110;
}

.btn-open-chat {
	/* background: url(data:image/png;base64,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); */
	background: url(data:image/png;base64,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);
	/* background: url(data:image/png;base64,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); */
	/* background: url(data:image/png;base64,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); */
	/* background-color: #555; */
    border: none;
    cursor: pointer;
    /* opacity: 0.6; */
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}
/*
#new-msg-icon {
	width: 16px;
	height: 16px;
	background: red;
	position: absolute;
	top:0;
	right:0;
	opacity: 0.8;
	border-radius: 8px;
	color: white;
	text-align: center;
	font-size: 10px;
	display: none;
}
*/
.btn-open-chat-wrapper:hover{
	/* color: #ffffff; */
	opacity: 1;
}
/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 18px;
  right: 20px;
  /* right: 120px; */
  border: 1px solid #acacac;
  z-index: 111;
  width: 240px;
}

.chat-menu {
	position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    border: 0;
    z-index: 10;
    background: white;
	overflow: auto;
}

/* Add styles to the chat container */
.chat-container {
  max-width: 300px;
  /* padding: 10px; */
  background-color: #ffffff;
}

.chat-messages {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0;
  border: none;
  /* background: #f1f1f1; */
  /* background: #d0d8ff8a; */
  /* background: #17a2b87a; */
  /* background: #0000ff1c; */
  resize: none;
  height: 420px;
  overflow-y: scroll;
}

.chat-actions .textarea {
	display: inline-block;
    width: calc(100% - 26px);
	height: 52px;
    border: 0;
    border-right: solid #acacac 1px;
}

.chat-actions .textarea textarea {
	width: 100%;
	height: 100%;
    padding: 0 4px;
    margin: 0;
    border: none;
    background: #ffffff;
    resize: none;
    opacity: 0.5;
}

.chat-actions .textarea textarea:hover {
	opacity: 1;
}

.chat-actions .textarea textarea:focus {
  outline: none;
  opacity: 1;
}

.chat-container .button  {
  /* background-color: #afafaf; */
  color: white;
  border: none;
  cursor: pointer;
  opacity: 0.5;
  display: inline-block;
  text-align: center;
}

.chat-actions {
	height: 53px;
	border-top: solid #acacac 1px;
}
.chat-actions .button  {
  width: 26px;
  height: 26px;
  opacity: 0.5;
}

.chat-container .button:hover {
	opacity: 1;
}

.chat-container .button.active-item{
	opacity: 1;
}

.chat-container .submit {

}

/* Add a red background color to the cancel button */
.chat-container .cancel {

}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.chat-msg-item {
	margin-top: 2px;
	margin-bottom: 2px;
	position: relative;
	/* display: inline-block; */
}

.chat-msg-item-name {
	font-size: smaller;
	color: #9595ff;
	cursor: pointer;
}

.chat-msg-item-text {
	display: inline-block;
    margin-right: 0;
}

.chat-msg-item-time {
	right: 3px;
	bottom: 0;
	position: absolute;
	font-size: smaller;
}

/* My own message */
.outgoing {
	background: #e9ffe9;
	border: solid #7cc57f6b 1px;
    border-radius: 8px 8px 0;
    padding: 4px 12px;	
	margin-left: 64px;
    margin-right: 2px;
}

.incoming {
	/* background: #b9e3ea7d; */
	background: #fafafa;
	border: solid #c1c1c1cc 1px;
    border-radius: 8px 8px 8px 0;
    padding: 4px 12px;	
	margin-left: 2px;
    margin-right: 64px;
}

.outgoing .chat-msg-item-time {
	color: #6fbe72;
}

.incoming .chat-msg-item-time {
	color: #91d3dd;
}

.chat-toppane {
	width: 100%;
	height: 27px;
	text-align: center;
	border-bottom: solid #acacac 1px;
	background: #0000ff38;
}

.chat-selector {
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-bottom: solid #acacac 1px;
	cursor: pointer;
	position:relative;
}

.chat-selector:hover {
	/* background: #17a2b87a; */
	background: #0000ff1c;
}

.chat-selector .new-count {
	width: 20px;
    height: 20px;
    background: blue;
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: 0.3;
    border-radius: 10px;
    color: white;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
}

.chat-toppane .button {
	height: 26px;
	width: 26px;
}

.chat-container .float-left {
	float: left;
}

.chat-container .float-right {
	float: right;
}

.chat-toppane .current-chat {
	display: inline-block;
	line-height: 26px;
}

.action-buttons {
	line-height: 0;
	width: 26px;
}

.icon-burger {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAUklEQVRIS+2SMRIAEAwE16f4f8mrjE53kpmoTr2EtY3i1YrPxwOk4VvRBLrc8QYsYBz064C3uwUpVySFff3k8kzlczOAK5LWXFFIkYQzgDOV1jbv7gwZdrW8TwAAAABJRU5ErkJggg==);
    background-position: 1px 1px;
    background-repeat: no-repeat;
}

.icon-append {
	background-image: url(data:image/png;base64,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);
    background-position: 1px 1px;
	background-size: 24px;
    background-repeat: no-repeat;
	visibility: hidden;
}

.icon-close {
	/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAtklEQVRIS+2UIQ6DQBBFH6ZH4AyImlbhEDU9ck0FDlUMgjNwBFQzpCSk7e58MwmC1X//y/75OwXBpwj25wC4Caci6oATcAcmx6UEHsAM1N/aFOAFXIABuGUgZv4EzkAPXFXA9mIKomiyLcoZSOb2Gq+m/4zs3hqLF6ELMLMtZPxkXAnzWaTeC9aZGaQFzNiOgRqhYfsAhEYUOuTQmio9VzTJIYevivBl565hVaB+NNXvR3cA3OjeZUlCGcNPuQQAAAAASUVORK5CYII=); */
    /* background-position: 1px 1px; */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAABYklEQVQ4T83UPU/CQBgH8P+dYJTagYXBt83JROeaSBFnxcSwE0z8Qu7IbDdr1YDRMBk0fgnfZhENKHCP4YRa6bWJARM6X3/P/e+5exhG9LERORhz6NHMG7VE/W7Zsj7DIj8Y2WlMzawsXB1W++vcaE8b+W0SZAE4ryXeskGYRKK6zTitMaLMXKVY7mISuk/vJXlHlMEwKSsQjlWYB9ns7aQhiMzFSvFWQs9b+zHx2rLBkHYjDWAKBBDkNDR9d+ns4MONFobFm/GIr5AHcaP1d6HCBGBzgvZrtwOIDwqM6W2hAlFCoVgA8r+Q8tD/Gi2gc6cg0sCZ6Xphh61Eej/onZdIuznhhGHBF3KgqixUbzkAUqqd/TwR0b4AeFQuCuiOAmsKoqT7RGTLU7kdATqCYKX+tVdNgB52AsDgnGVmLwsl/802c+vvMf2m+3bCxsj3ebZX5yuFa98YGXbkjvmoHSbeF18QECjcv25mAAAAAElFTkSuQmCC);
    background-position: 5px 1px;
    background-repeat: no-repeat;
}

.icon-send {
	/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACE0lEQVRIS7XVS6iOYRQF4OcgpYiJSzLA0G1CJEUhKRQJkcJAJjpFMTGVYiJhKhQJMaIkAwYijFxmLoUBRhhIhNZp/6fP8XOu3sn/fe/7vWvtvfba++/wn1fHEOIHazZ2Yjc+YexQEEzHZmzBjB4BdwyUYBI2FuiCBuh3jKj34+jsD8E4rCvQpRhWQJ9xHSGaihbJHDzujWAUVpcEqzCyQL/iGs7jQT3PwqsieYq8a0eQFJcXaCIeU6A/cKtAr+IjJtRewJ7gWUl3AIeaBEl3YaW/AeMbut4r0It419jvCZ4ME/lopPAvmwQBaRYrHyb9C3jRxso9wZdhMS4hWAm2a7Ukuo/5DaAjiAve9BH8Pa6UCTrr7m8Ew6uYeyuSHMYNkeUoHhZRu8gDHodFvtRvclPKdkWeiz3Y1PD0HZzCPsysgkaWgGftqPObWNHM+l82nVItv6sibN1LfdIHLfDsBzjOC9HpvhK0vosrtuFEbeT5bAMkXf0W3zCx7Nt93FujNYPJAEvhI9eSxkGKeqyKvL6nKfpDkExel1zz8KjAWhZP/1weDEHuHsZ+nMPWaqjnyDyKPF8GS5DCd3UoplVtDuIMtrfpmbazqN13zb1En9mfbNbUf8BK3BgqguifCdpaH6q50ph/rP4UuXn5dqPjT1a/tM18oARrkZGdtQh3/6brQAkyuwL6syZnfoc0g96M0H3+C9fLahmyTynTAAAAAElFTkSuQmCC); */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACkElEQVRIS+1UXYiMYRR+nvPN7sxgVxQpLtT6TzSzxmZHceHGXrnB3iiy9xIpStwIScklUqJcuELLHW52UTuzyfpp85MrESl/882Y7zyaj10bs2sSd97L9z3nec5zznNe4h8f/mN8/Ceo3+GNCnCJUe3x77RorVLpj2iHIx9F0T4ahsqDidV/TDBlmWZ6EzojeV5Qp4ErAGseKycsMi6+AQWy5gwWGZF3IW/0PGDzYjD3Lw48YoSEDNNpeEtivmhLygU+rU/QrkkpRw5EHlIe1CrApn3D87eBsR9iH4AXbp6juBzUa1TtNALcgPxwOBjsG1EzqiCd1R4BR+FehVkiDoj8MQL0Q9anAH3lAQync5ijqvcYMFfgVJGXwiIuprLRHQdnV0JbiIf8+AtBKhvdB2xpLIvYlABufijwzUjglIxmVA09Ll8M2BCpHMS95SKfpLLaBuAsgC1hkRfGzuLHDOYpmWz1w4TtBHzII+uu3OMDdKg1XUGP5B1K2Bm6ryHtXanA4zFQh1qbKj5M6lmlGOQBqj7B99tkRutBP8dILUzYVQhJB88EwkunjtB4oDQQzyA+yWx0jMAuk638PMiBnxejrosm5zQrivDymwt0ReJt0aeX22zvyALF4Mu1gPQhGM6HxWB7va0b16aprA4COFBLkvt7C2x/qcCTY0FSGe+FtDpI2oJPd/nqjwl+JPqhsNUO4haryRXqoqOXxO7RedRhaECBC65nMHsOcJ0U9YHBVrJWPRSGtgwPWalX/YSbnM5GJwTbAelaWObmmrfTGXWLfgqwlrh1Qld5kNfHA5+QoDmjJYGhq9SCE7WWjLqmXW2EXyb4pFSwDROBT0jwu8RG3xv47BqFqh/3n+C3/fsKA3wSKMjS1bQAAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
}

.chat-menu-title {
	text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: #e3e3ff;
    border-bottom: solid #c7c7ff 1px;
}

.readprevious {
	text-align: center;
    font-weight: bold;
	font-size: smaller;
    cursor: pointer;
    background: #e3e3ff;
    border-bottom: solid #c7c7ff 1px;
}

.readprevious:hover {
	background: #c7c7ff ;
}

.chat-msg-date {
	text-align: center;
    margin: 4px 0 0 0;
}

.chat-msg-date span {
	background-color: #acacacca;
	color: white;
    border-radius: 8px;
    padding: 2px 6px;
	font-size: smaller;
}