/* THEME */
/* DEFAULT */
.tt-chat { background-color: #eff7f8; box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); }
.tt-chat, .tt-chat * { scrollbar-color: #089bab #eff7f8; }
.tt-chat::-webkit-scrollbar, .tt-chat *::-webkit-scrollbar { background-color: #ffffff; border-radius: 1em; }
.tt-chat::-webkit-scrollbar:hover, .tt-chat *::-webkit-scrollbar:hover { background-color:#fafafa; }
.tt-chat::-webkit-scrollbar-thumb, .tt-chat *::-webkit-scrollbar-thumb { background-color: #089bab; border-radius: 1em; }
.tt-chat::-webkit-scrollbar-thumb:hover, .tt-chat *::-webkit-scrollbar-thumb:hover { background-color: #3de1f3; }/*
.tt-chat, .tt-chat * { scrollbar-color: #2dd1e3 #089bab; }
.tt-chat::-webkit-scrollbar, .tt-chat *::-webkit-scrollbar { background-color: #089bab; }
.tt-chat::-webkit-scrollbar:hover, .tt-chat *::-webkit-scrollbar:hover { background-color:#18abbb; }
.tt-chat::-webkit-scrollbar-thumb, .tt-chat *::-webkit-scrollbar-thumb { background-color: #2dd1e3; }
.tt-chat::-webkit-scrollbar-thumb:hover, .tt-chat *::-webkit-scrollbar-thumb:hover { background-color: #3de1f3; }*/

/* .tt-chat-date-highlight { color: #ff0000; } */
.tt-chat-date-highlight { color: #fba768; } /* miruna */

.tt-chat-subject-group-title {
	border-color: #f0f0f0;
}
.tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group > .tt-chat-subject-group-title {
	border-style: none;
}


.tt-chat-member.tt-chat-lev-0 > div { border-color: #ffe86b; }
.tt-chat-member.tt-chat-lev-1 > div { border-color: #ff6e6e; }
.tt-chat-member.tt-chat-lev-2 > div { border-color: #4798df; }
.tt-chat-member.tt-chat-lev-3 > div { border-color: #088b99; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-0::before { border-color: #ff9000; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-1::before { border-color: #ff6e6e; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-2::before { border-color: #4798df; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-3::before { border-color: #088b99; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-0 .tt-chat-msg::before { color: #ff9000; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-1 .tt-chat-msg::before { color: #ff6e6e; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-2 .tt-chat-msg::before { color: #4798df; }
.tt-chat-row.tt-chat-new-user.tt-chat-lev-3 .tt-chat-msg::before { color: #088b99; }

/* .tt-chat-subject { background-color: rgba(255, 255, 255, 0.2); } */
.tt-chat-subject {
	box-shadow: 0 2px 4px 0 rgba(236, 236, 236, 0.7);
	background-color: #f6f6f6;
	color: #556768;
} /* miruna */
.tt-chat-subject:hover { outline: 0.2em solid #089bab; }
/* .tt-chat-subject:hover { background-color: rgba(255, 255, 255, 0.3); } */
/* .tt-chat-subject:hover { background-color: rgba(255, 255, 255, 0.8); } */
/* .tt-chat-subject-title:hover { color: #9df5ff; } */
.tt-chat-date-title { color: #0891a0; border-color: transparent; }

.tt-chat-date-title > span {
	box-shadow: 0 2px 4px 0 rgba(236, 236, 236, 0.6);
	border-radius: 1em;
	padding: 0 2em;
}

.tt-chat-main-subject .tt-chat-chat-title,
.tt-chat-subjects-head,
.tt-chat-members {
	background: -moz-linear-gradient(0deg, rgba(254,254,254,1) 0%, rgba(239,247,248,1) 36%, rgba(239,247,248,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(254,254,254,1) 0%, rgba(239,247,248,1) 36%, rgba(239,247,248,1) 100%);
	background: linear-gradient(0deg, rgba(254,254,254,1) 0%, rgba(239,247,248,1) 36%, rgba(239,247,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#eff7f8",GradientType=1);
}
.tt-chat-subject-area {
	background-color: #fefefe;
}
.tt-chat-subjects-container {
	background-color: #fefefe;
}

/* .tt-chat-messages { background-color: #9bcad0; } */
.tt-chat-messages { background-color: #fefefe; } /* miruna */

.tt-chat-row:hover .tt-chat-msg {
	outline: 0.2em solid #089babaa;
}
.tt-chat-msg {
	box-shadow: 0 2px 4px 0 rgba(236, 236, 236, 0.6);
}
.tt-chat-me .tt-chat-msg {
	box-shadow: 0 2px 4px 0 rgba(8, 155, 171, 0.6);
}

.tt-chat-row:hover { background-color: rgba(255, 255, 255, 0.05); }
.tt-chat-row.tt-chat-same-user::before { color: #ffffff; }
.tt-chat-row { color: #4a939b; }
.tt-chat-row.tt-chat-me { color: #ffffff; }
/* .tt-chat-row .tt-chat-control { color: #8c9095; } */  /* miruna */
/* .tt-chat-row .tt-chat-control { color: #2dd1e3; }  */
/* .tt-chat-row .tt-chat-control { color: #0064ff; } */
.tt-chat-row .tt-chat-control { color: #42bdca;; }
/* miruna */
.tt-chat-date-title:hover { background-color: rgba(255, 255, 255, 0.05); }
.tt-chat-date-title::after { color: #089bab; } /* miruna */
.tt-chat-repto-big { color: #f1ddaf; }
.tt-chat-repto-big-title { color: #ffffff; }
.tt-chat-repto-big-area {
	background-color: #61a8b0;
	background: -moz-linear-gradient(0deg, rgba(239,247,248,1) 0%, rgba(97,168,176,1) 7%, rgba(97,168,176,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(239,247,248,1) 0%, rgba(97,168,176,1) 7%, rgba(97,168,176,1) 100%);
	background: linear-gradient(0deg, rgba(239,247,248,1) 0%, rgba(97,168,176,1) 7%, rgba(97,168,176,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff7f8",endColorstr="#61a8b0",GradientType=1); 
	box-shadow: 0 -1px 4px 0 rgba(8, 155, 171, 0.4);
}
.tt-chat-repto { background-color: #eff7f8; }
.tt-chat-repto::before { background-color: #ffffff; }

.tt-chat-write-replyto { background-color: rgba(255, 255, 255, 0.1); }
.tt-chat-input { background-color: rgba(255, 255, 255, 0.8); }
/*.tt-chat-input:active, .tt-chat-input:focus-visible { border-color: rgba(255, 255, 255, 0.2); }*/
.tt-chat-input { color: #2e5e64; border-color: #0e96a4; }
.tt-chat-input::placeholder  { color: ##8ba8aa;; opacity: 1; }
.tt-chat-input::-webkit-input-placeholder  { color: ##8ba8aa;; opacity: 1; }
.tt-chat-input:-moz-placeholder  { color: ##8ba8aa;; opacity: 1; }
.tt-chat-input::-moz-placeholder  { color: ##8ba8aa;; opacity: 1; }
.tt-chat-input:-ms-input-placeholder  { color: ##8ba8aa;; opacity: 1; }
.tt-chat-input::-ms-input-placeholder { color: ##8ba8aa;; opacity: 1; }

.tt-chat-attach { background-color: rgba(255, 255, 255, 0.15); }
.tt-chat-send { background-color: rgba(255, 255, 255, 0.15); }

.tt-chat-repto-user-name { color: #088b99; }
.tt-chat-repto-big .tt-chat-repto-user-name { color: #ffffff; }
.tt-chat-repto-time { color: #088b99; }
.tt-chat-repto-big .tt-chat-repto-time { color: #ffffff; }
.tt-chat { color: #089bab; }
.tt-chat-bottom { color: #088b99; }
.tt-chat-bottom:hover { color: #189ba9; }
/* .tt-chat-message { color: #3de1f3; }  */
.tt-chat-has-new { color: #089bab;} /* miruna */

.tt-chat-me .tt-chat-repto { background-color: rgba(0, 0, 0, 0.1); }
.tt-chat-me .tt-chat-repto::before { background-color: rgba(255, 255, 255, 0.4); }
.tt-chat-me .tt-chat-repto-user-name { color: #ffffff; }
.tt-chat-me .tt-chat-repto-time { color: #ffffff; }


.tt-chat-chat-menu { color: #089bab; }
.tt-chat-subjects-head .tt-but, .tt-chat-subjects-head .tt-but-sm,
.tt-chat-chat-title .tt-but, .tt-chat-chat-title .tt-but-sm
{ background-color: #089bab; color: #ffffff; }
/* .tt-chat-date-count { color: rgba(255, 255, 255, 0.7); } */ /* miruna */
.tt-chat-msg .tt-chat-time { color: #b4b4b4; }
.tt-chat-me .tt-chat-msg .tt-chat-time { color: rgba(255, 255, 255, 0.85); }
/* .tt-chat-me .tt-chat-msg { background-color: #088b99; } */
.tt-chat-msg { background-color: #ffffff;  }
.tt-chat-me .tt-chat-msg { background-color: #089bab; } /* miruna */
/* .tt-chat-msg { background-color: #0891a0; } */
.tt-chat-row.selected .tt-chat-msg { background-color: #585e65; }
.tt-chat-row.selected.tt-chat-me .tt-chat-msg { background-color: #20a3b1; }


/* DARK */
.tt-theme-dark .tt-chat { background-color: #242526; }
.tt-theme-dark .tt-chat, .tt-theme-dark .tt-chat * { scrollbar-color: #cacaca #555555; }
.tt-theme-dark .tt-chat::-webkit-scrollbar, .tt-theme-dark .tt-chat *::-webkit-scrollbar { background-color: #555555; }
.tt-theme-dark .tt-chat::-webkit-scrollbar:hover, .tt-theme-dark .tt-chat *::-webkit-scrollbar:hover { background-color:#666666; }
.tt-theme-dark .tt-chat::-webkit-scrollbar-thumb, .tt-theme-dark .tt-chat *::-webkit-scrollbar-thumb { background-color: #777777; }
.tt-theme-dark .tt-chat::-webkit-scrollbar-thumb:hover, .tt-theme-dark .tt-chat *::-webkit-scrollbar-thumb:hover { background-color: #888888; }

/* .tt-theme-dark .tt-chat-date-highlight { color: #ffffff; } */
.tt-theme-dark .tt-chat-date-highlight { color: #fba768; } /* miruna */
.tt-theme-dark .tt-chat-member.tt-chat-lev-0 > div { border-color: #ffe86b; }
.tt-theme-dark .tt-chat-member.tt-chat-lev-1 > div { border-color: #ff6e6e; }
.tt-theme-dark .tt-chat-member.tt-chat-lev-2 > div { border-color: #4798df; }
.tt-theme-dark .tt-chat-member.tt-chat-lev-3 > div { border-color: #088b99; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-0::before { border-color: #ff9000; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-1::before { border-color: #ff6e6e; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-2::before { border-color: #4798df; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-3::before { border-color: #088b99; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-0 .tt-chat-msg::before { color: #ff9000; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-1 .tt-chat-msg::before { color: #ff6e6e; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-2 .tt-chat-msg::before { color: #4798df; }
.tt-theme-dark .tt-chat-row.tt-chat-new-user.tt-chat-lev-3 .tt-chat-msg::before { color: #088b99; }
/* .tt-theme-dark .tt-chat-subject { background-color: rgba(255, 255, 255, 0.2); } */
.tt-theme-dark .tt-chat-subject { background-color: rgba(255, 255, 255, 0.2); color: #ffffff;} /* miruna */
.tt-theme-dark .tt-chat-subject:hover { background-color: rgba(255, 255, 255, 0.3); }
/* .tt-theme-dark .tt-chat-subject-title:hover { color: #9df5ff; } */ /* miruna */
.tt-theme-dark .tt-chat-date-title { color: #74b6be; border-color: #374f52; }
.tt-theme-dark .tt-chat-members { background-color: rgba(255, 255, 255, 0.1); }
.tt-theme-dark .tt-chat-messages { background-color: rgba(0, 0, 0, 0.1); }
.tt-theme-dark .tt-chat-row:hover { background-color: rgba(255, 255, 255, 0.05); }
.tt-theme-dark .tt-chat-row.tt-chat-same-user::before { color: #ffffff; }
.tt-theme-dark .tt-chat-row { color: #ffffff; }
.tt-theme-dark .tt-chat-row .tt-chat-control { color: #8c9095; }

.tt-theme-dark .tt-chat-date-title:hover { background-color: rgba(255, 255, 255, 0.05); }
.tt-theme-dark .tt-chat-repto-big-area { background-color: rgba(0, 0, 0, 0.1); }
.tt-theme-dark .tt-chat-repto { background-color: rgba(0, 0, 0, 0.1); }
.tt-theme-dark .tt-chat-repto-user-name { color: #ffffff; }
.tt-theme-dark .tt-chat-repto-time { color: #ffffff; }

.tt-theme-dark .tt-chat-write-replyto { background-color: rgba(255, 255, 255, 0.1); }
.tt-theme-dark .tt-chat-input { background-color: rgba(255, 255, 255, 0.2); }
.tt-theme-dark .tt-chat-input:active, .tt-theme-dark .tt-chat-input:focus-visible { border-color: rgba(255, 255, 255, 0.2); }
.tt-theme-dark .tt-chat-input { color: #ffffff; }
.tt-theme-dark .tt-chat-attach { background-color: rgba(255, 255, 255, 0.1); }
.tt-theme-dark .tt-chat-send { background-color: rgba(255, 255, 255, 0.1); }

.tt-theme-dark .tt-chat { color: #ffffff; }
.tt-theme-dark .tt-chat-bottom { color: #088b99; }
.tt-theme-dark .tt-chat-bottom:hover { color: #189ba9; }
.tt-theme-dark .tt-chat-has-new { color: #3de1f3; }
.tt-theme-dark .tt-chat-chat-menu { color: #ffffff; }
/* .tt-theme-dark .tt-chat-date-count { color: rgba(255, 255, 255, 0.7); } */ 
.tt-theme-dark .tt-chat-msg .tt-chat-time { color: rgba(255, 255, 255, 0.6); }
.tt-theme-dark .tt-chat-me .tt-chat-msg .tt-chat-time { color: rgba(255, 255, 255, 0.85); }
.tt-theme-dark .tt-chat-me .tt-chat-msg { background-color: #088b99; }
.tt-theme-dark .tt-chat-msg { background-color: #3e4042; }
.tt-theme-dark .tt-chat-row.selected .tt-chat-msg { background-color: #585e65; }
.tt-theme-dark .tt-chat-row.selected.tt-chat-me .tt-chat-msg { background-color: #20a3b1; }


/* SCROLLBARS */
.tt-chat * {
	scrollbar-width: thin;
}
.tt-chat *::-webkit-scrollbar {
	height: 12px;
	width: 12px;
}
.tt-chat *::-webkit-scrollbar-thumb {
	cursor: pointer;
	height: 12px;
	width: 12px;
}

/* SUBJECT AREA */
.tt-chat-subjects-head {
	padding: 0.5em 1em 3em 1em;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	font-size: 1.5em;
	display: flex;
	width: 100%;
}
.tt-chat-subjects-title {
	flex: 1;
}
.tt-chat-subjects-add-btn {
	font-size: 0.7em;
	margin-right: 0;
}
.tt-chat-subjects-container {
	padding: 0.5em 1em;
	overflow: auto;
}

/* SUBJECT GROUPS */
.tt-chat-subject-group {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	position: relative;
	display: block;
	width: 100%;
}

.tt-chat-subject-group-title {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	position: relative;
	padding-left: 0.7em;
	font-size: 1.1em;
	line-height: 2em;
	text-align: left;
	cursor: pointer;
	margin: 0.5em 0;
	display: block;
	width: 100%;
	height: 2em;
}
.tt-chat-subject-group-title span {
	display: inline-block;
	position: relative;
}
.tt-chat-subject-group-title::after {
	font: normal normal normal 1em FontAwesome;
	transform: translateY(-50%);
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	content: "\f0d7";
	right: 1.75em;
	top: 50%;
}
.tt-chat-subject-group.closed .tt-chat-subject-group-title::after {
	content: "\f0da";
}

.tt-chat-subject-group-count {
	position: absolute;
	width: max-content;
	margin-left: 1em;
	display: none;
	opacity: 0.7; /* miruna */
	height: 100%;
	left: 100%;
	top: 0;
}
.tt-chat-subject-group-count::before { display: inline; content: "("; opacity: 0.5; }
.tt-chat-subject-group-count::after  { display: inline; content: ")"; opacity: 0.5; }
.tt-chat-subject-group.closed .tt-chat-subject-group-count {
	display: block;
}

.tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group-rows {
	padding-left: 1.5em;
}
.tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group-rows {
	position: relative;
}
.tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group-rows::before {
	border-left: 2px solid #089bab;
	position: absolute;
	content: " ";
	left: 0.5em;
	width: 2px;
	bottom: 0;
	top: 0;
}

.tt-chat-subject-group.closed .tt-chat-subject-group-rows {
	display: none;
}

/* SUBJECT GROUP NESTING */
.tt-chat-subjects-container > .tt-chat-subject-group ~ .tt-chat-subject-group {
	margin-top: 3em; }
.tt-chat-subject-group .tt-chat-subject-group {
	margin-top: 2em; }
.tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group {
	margin-top: 2em; }
.tt-chat-subject-group .tt-chat-subject-group > .tt-chat-subject-group-title {
	padding-left: 2em; }
.tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group > .tt-chat-subject-group-title {
	padding-left: 3em; }

.tt-chat-subject-group .tt-chat-subject-group .tt-chat-subject-group-title::after {
	content: "\f147";
	font-size: 1em;
	right: unset;
	left: 0.2em;
}
.tt-chat-subject-group .tt-chat-subject-group.closed .tt-chat-subject-group-title::after {
	content: "\f196";
}

/* SUBJECT ROW */
.tt-chat-subject {
	justify-content: flex-end;
	padding: 0.2em 1em;
	align-items: center;
	border-radius: 1em;
	overflow: hidden;
	font-size: 1.1em;
	flex-wrap: wrap;
	cursor: pointer;
	display: flex;
	margin: 1em 0;
}
.tt-chat-subject-title,
.tt-chat-subject-stats {
	padding: 0.5em 0;
}

.tt-chat-has-new {
	font-weight: 600; /* miruna */
}

.tt-chat-subject-title {
	justify-content: flex-start;
	text-overflow: ellipsis;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 0.5em;
	min-width: 12em;
	display: flex;
}
.tt-chat-subject-title-cat {
	padding: 0 1em 0 0.5em;
	border-radius: 1em;
}
.tt-chat-subject-new-messages,
.tt-chat-subject-messages,
.tt-chat-subject-members {
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	margin-right: 1em;
	flex-shrink: 0;
	display: flex;
	width: 4em;
}
.tt-chat-subject-new-messages div,
.tt-chat-subject-messages div,
.tt-chat-subject-members div {
	text-align: center;
	flex: 1;
}
.tt-chat-subject-new-messages div.fa,
.tt-chat-subject-messages div.fa,
.tt-chat-subject-members div.fa {
	margin-left: 0.5em;
	font-size: 1.2em;
	flex: 0;
}
.tt-chat-subject-stats .fa-lock {
	margin-right: 0.5em;
	font-size: 1.4em;
	color: #fdcb55;
	flex: 0;
}

.tt-chat-subject-stats {
	justify-content: flex-end;
	flex-direction: row;
	align-items: center;
	flex-shrink: 0;
	display: flex;
}
.tt-chat-subject-stats > * {
	padding: 0 0.5em;
}
.tt-chat-subject-date {
	text-align: center;
	width: 7em;
}
.tt-chat-subject-user {
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	overflow: hidden;
	min-width: 10em;
	width: 12em;
}
.tt-chat-readonly .tt-chat-subject-close {
	visibility: hidden;
}
.tt-chat-subject-close {
	font-size: 1.25em;
}
.tt-chat-subject-close:hover {
	transform: scale(1.3);
}


/* IN-CHAT MEMBER LIST */
.tt-chat-chat-head {
	flex-direction: column;
	display: flex;
	width: 100%;
}
.tt-chat-chat-title {
	padding: 1em 1.5em 0em 1.5em;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	font-size: 1.25em;
	display: flex;
	width: 100%;
}
.tt-chat-private-icon {
	display: none;
	color: #fdcb55;
}
.tt-chat-private .tt-chat-private-icon {
	display: inline-block;
}

.tt-chat-chat-menu {
	transition: transform 0.1s ease-in-out;
	margin: 0 0.5em 0 0;
	align-self: center;
	font-size: 1.2em;
	cursor: pointer;
	height: 1em;
	width: 1em;
}
.tt-chat-chat-menu:hover {
	transform: scale(1.1);
}

.tt-chat-members {
	justify-content: flex-start;
	align-items: flex-start;
	padding: 1.5em 0 3em 0;
	flex-direction: row;
	position: relative;
	min-width: 100%;
	overflow: auto;
	display: flex;
}
.tt-chat-member {
	transition: transform 0.1s ease-in-out;
	text-align: center;
	width: max-content;
	padding: 0 0.5em;
	cursor: pointer;
	min-width: 5em;
}
.tt-chat-member.highlight {
	box-shadow: 0 0 0.5em 0.5em rgba(8, 155, 171, 0.2);
	background-color: rgba(8, 155, 171, 0.2);
	border-radius: 100%;
}
.tt-chat-member:hover {
	transform: scale(1.1);
}
/* Icon */
.tt-chat-member > div {
	display: inline-block;
	border-width: 0.3em;
	border-style: solid;
	text-align: center;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	height: 3em;
	width: 3em;
}
.tt-chat-member > div >img {
	transform: translateX(-50%) translateY(-50%);
	display: inline-block;
	position: absolute;
	height: 3em;
	width: 3em;
	left: 50%;
	top: 50%;
}

.tt-chat-member > span {
	display: inline-block;
	text-align: center;
	min-width: 100%;
}

/* MENUS */
.wer-chat-menu {
	background-color: #ffffff;
	border-radius: 1em;
}
.wer-chat-menu > div { width: 100%; }
.wer-chat-menu > div,
.wer-chat-menu .tt-hover-submenu > div {
	padding: 0.5em 1.5em;
	border-radius: 1em;
	cursor: pointer;
}
.wer-chat-menu > div > .fa {
	font-size: 1em;
	width: 1em;
}
.wer-chat-menu .tt-hover-submenu > div.wer-check {
	padding-right: 1.5em;
	padding-left: 2.2em;
}
.wer-chat-menu .fa-info-circle {
	margin: 0 -0.6em 0 0.5em;
	line-height: 1em;
	font-size: 1.3em;
}
.wer-chat-menu .fa-info-circle:hover {
	transform: scale(1.1);
}
.wer-chat-menu .wer-check::before {
	margin-top: 0.05em;
	left: 0.5em;
}
.wer-chat-menu > div:hover {
	background-color: #eff7f8;
}
.wer-chat-menu .tt-hover-submenu {
	background-color: white;
	border-radius: 1em;
}
.wer-chat-menu .tt-hover-submenu > div:hover  {
	background-color: #eff7f8;
}

/* MESSAGES */
.tt-chat-messages {
	padding-bottom: 1em;
	position: relative;
	overflow: auto;
	width: 100%;
	flex: 1;
}
.tt-chat-row {
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	padding: 0.25em 1em;
	position: relative;
	display: flex;
	width: 100%;
}

.tt-chat-row .tt-chat-control {
	text-align: center;
	cursor: pointer;
	display: none;
	width: 2em;
}
.tt-chat-row:hover .tt-chat-control {
	display: block;
}
.tt-chat-control.open {
	display: block!important;
}
.tt-chat-row.tt-chat-new-user::before {
	border-width: 0.2em;
	border-style: solid;
}

.tt-chat-row .tt-chat-control:hover {
	transform: scale(1.2);
}
.tt-chat-row.tt-chat-me {
	flex-direction: row-reverse;
}

.tt-chat-date {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	position: relative;
	display: block;
	width: 100%;
}
.tt-chat-date-title {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	text-align: center;
	position: relative;
	line-height: 2em;
	cursor: pointer;
	margin: 0.5em 0;
	display: block;
	width: 100%;
	height: 2em;
}
.tt-chat-date-title span {
	display: inline-block;
	position: relative;
}

.tt-chat-date-title::after {
	font: normal normal normal 1em FontAwesome;
	transform: translateY(-50%);
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	content: "\f0d7";
	right: 1.75em;
	top: 50%;
}
.tt-chat-date.closed .tt-chat-date-title::after {
	content: "\f0da";
}
.tt-chat-date-count {
	/*
	position: absolute;
	width: max-content;
	margin-left: 1em;
	display: none;
	opacity: 0.7;
	height: 100%;
	left: 100%;
	top: 0;
	*/
	margin-left: 1em;
	display: none;
}
.tt-chat-date.closed .tt-chat-date-count {
	display: inline-block;/*block;*/
}
.tt-chat-date-count::before { display: inline; content: "("; opacity: 0.5; }
.tt-chat-date-count::after  { display: inline; content: ")"; opacity: 0.5; }

.tt-chat-date-messages {
	display: block;
	width: 100%;
}
.tt-chat-date.closed .tt-chat-date-messages {
	display: none;
}

/* MESSAGE */
.tt-chat-msg {
	border-radius: 0.5em 1em 1em 0.5em;
	position: relative;
	margin: 0 0.5em;
	max-width: 80%;
}
.tt-chat-me .tt-chat-msg {
	border-radius: 1em 0.5em 0.5em 1em;
}
.tt-chat-msg-text {
	padding: 0.5em 1em;
}

.tt-chat-msg-text > span {
	font-size: 1em;
	line-height: 1em;
}

/* CHAT TITLE */
.tt-chat-first {
	////aici
}


.tt-chat-msg .tt-chat-time {
	margin: 0 0em 0.5em 0;
	padding-top: 0.3em;
	text-align: right;
	font-size: 0.8em;
	display: block;
	float: right;
	width: 4em;
}
.tt-chat-me .tt-chat-msg .tt-chat-time {
	margin: 0 0 0.5em;
	text-align: left;
	float: left;
}


/*  ------------ REPLY TO ---------  */
.tt-chat-repto {
	padding: 1.6em 1em 0.5em 1.8em;
	border-radius: 0.5em 1em 0 0;
	flex-direction: column;
	align-items: stretch;
	position: relative;
	min-height: 3em;
	min-width: 100%;
	max-height: 6em;
	display: flex;
	width: 100%;
}
.tt-chat-me .tt-chat-repto {
	border-radius: 1em 0.5em 0 0;
}

/* USER WRITE AREA REPLY TO */
.tt-chat-repto-big-area {
	border-radius: 1em 1em 0 0;
}
.tt-chat-repto-big {
	padding: 1.5em 1em 1em 2.7em;
	flex-direction: column;
	align-items: stretch;
	position: relative;
	min-height: 3em;
	min-width: 100%;
	max-height: 6em;
	display: flex;
	width: 100%;
}
.tt-chat-repto-big .fa::before { content: "\f112"; }
.tt-chat-repto-big .fa {
	transform: rotate(180deg);
	position: absolute;
	font-size: 0.7em;
	opacity: 0.6;
	left: 2em;
	top: 0.6em;
}
.tt-chat-repto-big .tt-chat-repto-time {
	right: 2em;
}
.tt-chat-repto-big .tt-chat-repto-user-name {
	left: 3em;
}
.tt-chat-repto-big-title {
	flex-direction: row;
	align-items: center;
	padding: 0.5em 1em;
	display: flex;
	width: 100%;
}

/* BAR */
.tt-chat-repto::before {
	border-radius: 0 100% 0 0;
	position: absolute;
	content: " ";
	width: 0.3em;
	bottom: 0;
	top: 1em;
	left: 0;
}
.tt-chat-me .tt-chat-repto::before {
	border-radius: 100% 0 0 0;
	left: unset;
	right: 0;
}

.tt-chat-repto-user-name {
	position: absolute;
	font-size: 0.9em;
	opacity: 0.8;
	width: 10em;
	top: 0.2em;
	left: 2em;
}

.tt-chat-repto-time {
	position: absolute;
	font-size: 0.7em;
	opacity: 0.7;
	right: 1em;
	top: 0.4em;
}

.tt-chat-repto-text {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	text-overflow: ellipsis;
	width: min-content;
	font-size: 0.9em;
	overflow: hidden;
	max-height: 3em;
	min-width: 100%;
	/* opacity: 0.6; */ /* miruna */
	flex: 1;
}
.tt-chat-me .tt-chat-repto-text {
	opacity: 0.7;
}

.tt-chat-repto .fa::before { content: "\f112"; }
.tt-chat-repto .fa {
	transform: rotate(180deg);
	position: absolute;
	font-size: 0.7em;
	opacity: 0.6;
	left: 0.8em;
	top: 0.6em;
}

.tt-chat-new-user.tt-chat-contains-reply {
	padding-top: 3.5em;
}
.tt-chat-contains-reply .tt-chat-msg {
	min-width: 15em;
}


/* USER BREAK/CONTINUE MESSAGE MODIFIERS ------------------ */

/* USER NAME ON USER CHANGE */
.tt-chat-msg::before {
	margin-bottom: 0.1em;
	position: absolute;
	bottom: 100%;
	left: -3em;
}
.tt-chat-me .tt-chat-msg::before {
	left: unset;
	right: -3em;
}

/* AVATAR ON FIRST || ARROW ON CONTINUATION */
.tt-chat-row::before {
	box-sizing: border-box;
	align-self: flex-start;
	margin: 0 0.5em;
	font-size: 1em;
	height: 2em;
	width: 2em;
}

.tt-chat-new-user {
	padding-top: 2em;
}
.tt-chat-row.tt-chat-new-user::before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 50%;
	content: " ";
}

.tt-chat-row.tt-chat-same-user::before {
	font: normal normal normal 1em FontAwesome;
	text-rendering: auto;
	text-align: center;
	line-height: 2em;
	content: "\f178";
	display: block;
	opacity: 0.1;
}
.tt-chat-me.tt-chat-row.tt-chat-same-user::before {
	content: "\f177";
}


/* SEND MESSAGE */
.tt-chat-readonly .tt-chat-write {
	display: none;
}
.tt-chat-write {
	flex-direction: column;
	/* padding: 0.5em 0; */
	position: relative;
	display: flex;
	width: 100%;
}
.tt-chat-write-row {
	flex-direction: row;
	align-items: center;
	/* padding: 0 1em; */
	padding: 1em 1em;
	display: flex;
	width: 100%;
}

.tt-chat-input {
	padding: 0.8em 1em 0.4em 1em;
	border-radius: 0.5em;
	border-style: solid;
	border-width: 1px;
	line-height: 1em;
	font-size: 1.2em;
	margin: 0 0.5em;
	flex: 1;
}
.tt-chat-input:active, .tt-chat-input:focus-visible, .tt-chat-input {
	outline: none !important;
}
.tt-chat-input:active, .tt-chat-input:focus-visible {
	border-style: solid;
}
.tt-chat-send, .tt-chat-attach {
	position: relative;
	cursor: pointer;
	flex-shrink: 0;
	height: 2.5em;
	flex-grow: 0;
	width: 3em;
}
.tt-chat-attach {
	border-radius: 50% 0.5em 0.5em 50%;
}
.tt-chat-send {
	border-radius: 0.5em 50% 50% 0.5em;
}
.tt-chat-send:hover, .tt-chat-attach:hover {
	transform: scale(1.1);
}
.tt-chat-send .fa, .tt-chat-attach .fa {
	text-align: center;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 50%;
	top: 50%;
}
.tt-chat-attach .fa {
	transform: translateX(-50%) translateY(-50%) rotate(20deg);
	font-size: 2em;
}
.tt-chat-send .fa {
	transform: translateX(-70%) translateY(-50%) rotate(20deg);
	font-size: 1.8em;
}



/* MAIN CONTAINERS */
.tt-chat {
	flex-direction: column;
	box-sizing: border-box;
	border-radius: 1em;
	font-size: 0.8rem;
	overflow: hidden;
	min-height: 50em;
	display: flex;
	height: 60vh;
}
.tt-high-dpi .tt-chat {
	font-size: 0.7rem;
}
.tt-chat, .tt-chat * {
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

.tt-chat * {
	box-sizing: border-box;
}

/* FULLSCREEN */
.tt-main.tt-has-fullscreen-chat {
	overflow: hidden!important;
}

.tt-chat-close,
.tt-chat-close.tt-but {
	font-size: 0.7em;
	display: none;
}
.tt-chat-fullscreen .tt-chat-close {
	background-color: #089bab;
	display: inline-block;
	color: #ffffff;
}
.tt-chat-fullscreen {
	background-color: rgba(60, 60, 150, 0.5);
	overflow: hidden;
	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
}
.tt-chat-fullscreen .tt-chat {
	height: calc(100vh - 4em);
	width: calc(100vw - 4em);
	position: absolute;
	min-height: unset;
	left: 2em;
	top: 2em;
}

/* INDIVIDUAL CHAT */
.tt-chat-area,
.tt-chat-subject-area {
	flex-direction: column;
	position: relative;
	display: flex;
	height: 100%;
	width: 100%;
}
.tt-chat-bottom {
	transition: 0.1s ease-in-out;
	transform: translateX(-50%);
	z-index: 9999999999;
	position: absolute;
	margin-bottom: 1.5em;
	cursor: pointer;
	font-size: 3em;
	height: 1em;
	bottom: 0;
	left: 50%;
}
.tt-chat-bottom:hover {
	transform: translateX(-50%) scale(1.1);
}
/* MAIN CHAT SUBJECT (PRODUCED BY SINGLE SUBJECT) */
.tt-chat-main-subject .tt-chat-members {
	display: none;
}
.tt-chat-main-subject .tt-chat-chat-title {
	padding-bottom: 2em;
}

/* CHAT LIST */
.tt-chats {
	
}

/* MAIN CHAT */
.tt-chat-container {
	flex-direction: column;
	display: flex;
}
.tt-chat-title {
	
}
.tt-chat-users {
	
}
@media only screen and (max-width : 768px), (orientation: portrait) {
		
}

/* EDITABLE TITLE */


/* USERS */
.tt-chat-user {
	
}

/* MESSAGES */
.tt-chat-msg {
	
}

/* NOTIF NR */
.tt-chat-icon { position: relative !important; }
.tt-abs.tt-chat-icon { position: absolute !important; }
.tt-chat-icon-nr {
	border-radius: 50%;
	text-align: center;
	position: absolute;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 0.5em;
	padding: 0.2em;
	color: #ffffff;
	height: 1.6em;
	width: 1.6em;
	bottom: 40%;
	left: 50%;
}
.tt-but .tt-chat-icon-nr,
.tt-crumb .tt-chat-icon-nr {
	line-height: 1.25em;
	font-size: 0.7em;
	height: 1.8em;
	width: 1.8em;
}