:root{--dark-color: 		#323A45;--heading-color: 	#222222;--font-color: 		#555555;--font-white: 		#ffffff;--font-light: 		#888888;--font-xlight: 		#f0f0f0;--font-ccc: 		#cccccc;--text-muted: 		#9A9A9A;--border-color:		#ebebeb;--card-color: 		#ffffff;--white-color: 		#ffffff;--body-color: 		#fcfcfc;--box-shadow: 		#e2e2e2;--box-shadow-light:	#f0f0f0;--hc-font-color:	#555555;--hc-bg-color:		#f0f0f0}[data-theme="dark"]{--dark-color: 		#ffffff;--heading-color: 	#c0c0c0;--font-color: 		#c7c7c7;--font-white: 		#ffffff;--font-light: 		#888888;--font-xlight: 		#333638;--font-ccc: 		#cccccc;--text-muted: 		#80858a;--border-color:		#2e3133;--card-color: 		#26282a;--white-color: 		#000000;--body-color: 		#222426;--box-shadow: 		#585858;--box-shadow-light:	#323536;--hc-font-color:	#9A9A9A;--hc-bg-color:		#f0f0f0}[data-theme="high-contrast"]{--dark-color: 		#ffffff;--heading-color: 	#ffffff;--font-color: 		#ffffff;--font-white: 		#ffffff;--font-light: 		#ffffff;--font-xlight: 		#000000;--font-ccc: 		#ffffff;--text-muted: 		#ffffff;--border-color:		#ffffff;--card-color: 		#000000;--white-color: 		#000000;--body-color: 		#000000;--box-shadow: 		#000000;--box-shadow-light:	#000000;--hc-font-color:	#ffffff;--hc-bg-color:		#f0f0f0}[class="theme-purple"]{--primary-color: 	#701c92;--primary-color2: 	#7B54B1;--primary-color3: 	#A37ADB;--secondary-color: 	#fff133;--secondary-color2:	#fff565;--link-color: 		#59C4BC;--primary-gradient: linear-gradient(45deg, #701c92, #fff133)}[class="theme-blue"]{--primary-color: 	#1c13a7;--primary-color2: 	#4343D3;--primary-color3: 	#6C6CFF;--secondary-color: 	#fff252;--secondary-color2:	#fff588;--link-color: 		#65fdf3;--primary-gradient: linear-gradient(45deg, #1c13a7, #ffa845)}[class="theme-cyan"]{--primary-color: 	#10948b;--primary-color2: 	#46c6bd;--primary-color3: 	#6cc9c3;--secondary-color: 	#d7ff5d;--secondary-color2:	#e0ff84;--link-color: 		#ffa7bc;--primary-gradient: linear-gradient(45deg, #10948b, #637AAE)}[class="theme-green"]{--primary-color: 	#2ba964;--primary-color2: 	#4bc667;--primary-color3: 	#6fc182;--secondary-color: 	#fedc31;--secondary-color2:	#5d92e1;--link-color: 		#FED500;--primary-gradient: linear-gradient(45deg, #2ba964, #2268d1)}[class="theme-orange"]{--primary-color: 	#fbb925;--primary-color2: 	#FF7F00;--primary-color3: 	#FBC200;--secondary-color: 	#3d92ef;--secondary-color2:	#699fda;--link-color: 		#38C172;--primary-gradient: linear-gradient(45deg, #fbb925, #3d92ef)}[class="theme-blush"]{--primary-color: 	#e4537b;--primary-color2: 	#d86b8a;--primary-color3: 	#f08aa7;--secondary-color: 	#eeff62;--secondary-color2:	#f4ff8c;--link-color: 		#5fa3ec;--primary-gradient: linear-gradient(45deg, #e4537b, #252BCF)}.chat_app{position:relative}.chat_app .chat_list{width:320px;position:absolute;left:0}@media only screen and (max-width: 1280px){.chat_app .chat_list{width:280px}}@media only screen and (max-width: 768px){.chat_app .chat_list{display:none}}.chat_app .chat_list .search{padding:17px 15px}.chat_app .chat_list ul{overflow-y:auto;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;padding:0;margin:0;height:588px}.chat_app .chat_list ul::-webkit-scrollbar{width:5px;background-color:var(--card-color)}.chat_app .chat_list ul::-webkit-scrollbar-thumb{background:var(--primary-color)}@media only screen and (max-width: 1024px){.chat_app .chat_list ul{height:488px}}.chat_app .chat_list ul li a{color:var(--font-color);padding:15px;display:block}.chat_app .chat_list ul li a:hover{background-color:var(--font-xlight)}.chat_app .chat_list ul li.active a{background-color:var(--font-xlight)}.chat_app .chat_body{margin-left:320px;border-left:1px solid var(--border-color)}@media only screen and (max-width: 1280px){.chat_app .chat_body{margin-left:280px}}@media only screen and (max-width: 768px){.chat_app .chat_body{margin-left:0}}.chat_app .chat_body .chat-header{padding:15px;border-bottom:1px solid var(--border-color);color:var(--font-color)}.chat_app .chat_body .chat-history{overflow-y:auto;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;padding:15px;height:500px}.chat_app .chat_body .chat-history::-webkit-scrollbar{width:5px;background-color:var(--card-color)}.chat_app .chat_body .chat-history::-webkit-scrollbar-thumb{background:var(--primary-color)}@media only screen and (max-width: 1024px){.chat_app .chat_body .chat-history{height:400px}}.chat_app .chat_body .chat-history li{list-style:none;margin-bottom:30px}.chat_app .chat_body .chat-history li:last-child{margin-bottom:0px}.chat_app .chat_body .chat-history li .msg_body{border-radius:.25rem;color:var(--font-color);padding:10px;line-height:22px;font-size:15px;display:inline-block;position:relative}.chat_app .chat_body .chat-history li .msg_body:after{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:var(--border-color);border-width:10px;margin-left:-10px}.chat_app .chat_body .chat-history li .msg_body.before_none{margin-top:5px}.chat_app .chat_body .chat-history li .msg_body.before_none:after{display:none}.chat_app .chat_body .chat-history li .msg_body.right{background-color:var(--primary-color);color:#fff;margin-left:10%}@media only screen and (max-width: 992px){.chat_app .chat_body .chat-history li .msg_body.right{margin-left:0}}.chat_app .chat_body .chat-history li .msg_body.right::after{right:20px;border-bottom-color:var(--primary-color)}.chat_app .chat_body .chat-history li .msg_body.left{border:1px solid var(--border-color);margin-right:10%}@media only screen and (max-width: 992px){.chat_app .chat_body .chat-history li .msg_body.left{margin-right:0}}.chat_app .chat_body .chat-history li .msg_body.left::after{left:20px}.chat_app .chat_body .chat-history .message-data{margin-bottom:15px}.chat_app .chat_body .chat-message{padding:15px}.rtl_mode .chat_app .chat_body{margin-left:0;margin-right:320px;border-left:0;border-right:1px solid var(--border-color)}.rtl_mode .chat_app .chat_body .chat-history li .msg_body.right{margin-left:0;margin-right:10%}.rtl_mode .chat_app .chat_body .chat-history li .msg_body.right:after{left:20px;right:auto}.rtl_mode .chat_app .chat_body .chat-history li .msg_body.left{margin-right:0;margin-left:10%}.rtl_mode .chat_app .chat_body .chat-history li .msg_body.left:after{right:20px;left:auto}.rtl_mode .chat_app .chat_list{left:auto;right:0}