/* กำหนดสไตล์สำหรับ text input */
.chat_custom_input {
	width: 80%;
/* 	padding: 10px 5px 10px 15px ; */
	background-color: #E1E2E3; /* สีพื้นหลัง */
	color: #444; /* สีข้อความ */
	font-size: 16px; /* ขนาดตัวอักษร */
	display: block;
	padding-left: 10px;
    padding-right: 10px;
}	

/* เอาขอบของ input text ออก */
.input_group_name:focus-visible ,
.chat_custom_input:focus-visible {
	outline: 0;
}

/* กำหนดสไตล์สำหรับ placeholder */
.chat_custom_input::placeholder {
    font-size: 16px;
    color: #A7AAAC;
    pointer-events: none;
    box-sizing: border-box;
    width: 100%;
}

.chat_custom_input.chat_round_input {
	border-radius : 50px !important;
	border: 3px solid #e1e2e3;
	overflow-y: hidden;
}

/* ลบข้อความใน text input */
.chat_close_btn {
	width: 15px !important;
	height: 15px !important;
	cursor: pointer;
	border: none;
	background: url('data:image/svg+xml;utf8,<svg class="text-gray" color="gray" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"> <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 11.793a1 1 0 1 1-1.414 1.414L10 11.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L8.586 10 6.293 7.707a1 1 0 0 1 1.414-1.414L10 8.586l2.293-2.293a1 1 0 0 1 1.414 1.414L11.414 10l2.293 2.293Z"/> </svg>') no-repeat center center;
	background-size: cover;
}

/* ปุ่มค้นหาเพื่อน */
.chat_search_btn {
	width: 15px !important;
	height: 15px !important;
	cursor: pointer;
	border: none;
	background: url('data:image/svg+xml;utf8,<svg class="w-6 h-6 text-gray-800 dark:text-white" color="blue" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/></svg>') no-repeat center center;
	background-size: cover;
}

/* ปุ่มเพิ่มเพื่อน */
.chat_add_friend {
	cursor: pointer;
	display: block;
	border-radius: 6px;
	border: 1px solid transparent;
    font-size: 16px;
	color: #ffffff;
	background-color: #66bb6a;
}

/* Emo Chat Icon */
.chat_emo_icon {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	border: none;
	background: url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2092%2075%22%20style%3D%22enable-background%3Anew%200%200%2092%2075%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text/css%22%3E.st0%7Bfill%3A%234086E9%3B%7D%3C/style%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M57.2%2C73.24H34.8c-18.44%2C0-33.44-15-33.44-33.44V35.2c0-18.44%2C15-33.44%2C33.44-33.44h22.4c18.44%2C0%2C33.44%2C15%2C33.44%2C33.44v4.59C90.64%2C58.24%2C75.64%2C73.24%2C57.2%2C73.24z%20M34.8%2C7.76C19.67%2C7.76%2C7.36%2C20.07%2C7.36%2C35.2v4.59%20c0%2C15.13%2C12.31%2C27.44%2C27.44%2C27.44h22.4c15.13%2C0%2C27.44-12.31%2C27.44-27.44V35.2%20c0-15.13-12.31-27.44-27.44-27.44H34.8z%22/%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%2226.67%22%20cy%3D%2229.36%22%20r%3D%227.35%22/%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%2264.83%22%20cy%3D%2229.36%22%20r%3D%227.35%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.57%2C59.37h-1.64c-9.02%2C0-16.36-7.34-16.36-16.36c0-1.38%2C1.12-2.5%2C2.5-2.5s2.5%2C1.12%2C2.5%2C2.5%20c0%2C6.26%2C5.1%2C11.36%2C11.36%2C11.36h1.64c6.26%2C0%2C11.36-5.1%2C11.36-11.36c0-1.38%2C1.12-2.5%2C2.5-2.5s2.5%2C1.12%2C2.5%2C2.5%20C62.93%2C52.03%2C55.59%2C59.37%2C46.57%2C59.37z%22/%3E%3C/g%3E%3C/svg%3E') no-repeat center center;
	background-size: contain;
}

.chat_sendmsg_icon {
    cursor: pointer;
    width: 30px !important;
	height: 30px !important;
    font-weight: bold;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 77 76' style='enable-background:new 0 0 77 76;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0{fill:%234086E9;}.st1{fill:%23FFFFFF;}%3C/style%3E%3Cpath class='st0' d='M44.66,37.81c-6.94-1.25-13.88-2.5-20.82-3.76c-2.53-0.46-5.07-0.85-7.58-1.41c-0.62-0.14-1.37-0.67-1.65-1.22  C10.59,23.53,6.63,15.6,2.68,7.67c-1.1-2.2-0.83-4.23,0.68-5.71C4.87,0.48,6.87,0.27,9.08,1.4c20.97,10.75,41.94,21.5,62.91,32.23  c1.81,0.93,3,2.24,3.01,4.33c0.01,2.09-1.14,3.43-2.96,4.36C51.02,53.09,30.01,63.87,9,74.64c-2.12,1.08-4.11,0.86-5.6-0.57  c-1.53-1.47-1.83-3.51-0.74-5.7c3.97-7.98,7.95-15.95,11.99-23.89c0.3-0.59,1.12-1.15,1.78-1.27c8.87-1.63,17.76-3.19,26.65-4.76  c0.53-0.09,1.06-0.21,1.58-0.32C44.66,38.03,44.66,37.92,44.66,37.81z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}

.chat_selectgame_icon {
	cursor: pointer;
    width: 40px !important;
	height: 30px !important;
    font-weight: bold;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 101 71' style='enable-background:new 0 0 101 71;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0{fill:%234186E8;}%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M12.82,46.27c0.18-8.9,2.22-17.3,6.77-25.02c2.33-3.95,5.74-6.47,10.24-7.38c3.35-0.68,6.36,0.46,9.2,2.06   c2.6,1.46,5.32,2.48,8.28,2.84c4.79,0.59,9.4,0.02,13.74-2.24c0.97-0.5,1.94-1,2.92-1.5c6.47-3.26,12.7,0,15.81,3.69   c2.76,3.26,4.43,7.11,5.78,11.12c1.91,5.67,3.02,11.5,2.96,17.5c-0.02,2.85-0.5,5.65-1.69,8.28c-2.56,5.67-8.17,7.83-13.91,5.41   c-2.67-1.13-4.86-2.88-6.82-4.97c-2.25-2.39-4.76-4.47-7.87-5.6c-8.17-2.98-15.52-1.56-21.91,4.4c-2.02,1.89-3.82,4.02-6.31,5.35   c-3.78,2-7.64,2.67-11.5,0.33c-3.11-1.88-4.48-4.94-5.25-8.35C12.82,50.25,12.81,48.27,12.82,46.27z M31.87,43.45   c0.84,0,1.53-0.03,2.21,0.01c0.6,0.04,0.76-0.21,0.74-0.78c-0.04-1.3,0.03-2.6-0.03-3.89c-0.04-0.75,0.17-1.03,0.96-1   c1.3,0.06,2.6-0.01,3.89,0.03c0.58,0.02,0.77-0.19,0.76-0.77c-0.03-1.33-0.05-2.67,0-4c0.03-0.7-0.24-0.87-0.89-0.85   c-1.26,0.04-2.53-0.02-3.79,0.03c-0.7,0.03-0.97-0.15-0.93-0.9c0.06-1.33-0.01-2.67,0.03-4c0.01-0.54-0.16-0.71-0.7-0.7   c-1.4,0.03-2.8,0.03-4.2,0c-0.55-0.01-0.7,0.2-0.69,0.72c0.03,1.3-0.03,2.6,0.02,3.89c0.03,0.74-0.15,1.03-0.95,0.99   c-1.33-0.07-2.66,0-4-0.03c-0.52-0.01-0.73,0.15-0.72,0.7c0.03,1.4,0.03,2.8,0,4.2c-0.01,0.54,0.19,0.72,0.72,0.71   c1.23-0.03,2.46,0.05,3.69-0.03c0.96-0.06,1.41,0.18,1.26,1.22c-0.08,0.54-0.04,1.09-0.01,1.64c0.06,0.91-0.41,2.06,0.21,2.65   C30.01,43.83,31.15,43.38,31.87,43.45z M64.75,35.05c0.01-1.6-1.26-2.86-2.86-2.86c-1.56,0-2.82,1.22-2.85,2.76   c-0.03,1.57,1.25,2.91,2.81,2.94C63.4,37.93,64.74,36.62,64.75,35.05z M71.15,41.43c-0.01-1.59-1.29-2.85-2.89-2.83   c-1.52,0.02-2.79,1.29-2.82,2.82c-0.02,1.55,1.3,2.88,2.86,2.89C69.89,44.31,71.16,43.02,71.15,41.43z M71.9,34.99   c-0.02,1.58,1.26,2.91,2.82,2.91c1.5,0.01,2.83-1.27,2.88-2.77c0.06-1.57-1.22-2.9-2.8-2.93C73.19,32.16,71.93,33.38,71.9,34.99z    M71.15,28.59c-0.01-1.58-1.31-2.88-2.87-2.86c-1.53,0.01-2.87,1.4-2.83,2.93c0.03,1.52,1.32,2.77,2.85,2.78   C69.91,31.44,71.16,30.2,71.15,28.59z'/%3E%3Cpath class='st0' d='M24.41,13.95c-0.19-2.08,0.27-3.08,2.01-3.81c3.73-1.57,7.52-1.53,11.26-0.04c1.44,0.58,2.28,1.65,2.19,3.34   c-0.04,0.8-0.27,0.73-0.83,0.44c-2.49-1.27-5.09-2.13-7.94-2.01C28.73,11.97,26.58,12.79,24.41,13.95z'/%3E%3Cpath class='st0' d='M76.8,13.94c-1.61-0.83-3.16-1.51-4.84-1.85c-3.38-0.67-6.49,0.17-9.5,1.63c-1.15,0.56-1.14,0.56-1.1-0.77   c0.03-1,0.47-1.76,1.27-2.33c1.29-0.92,2.78-1.28,4.32-1.46c2.61-0.3,5.18-0.21,7.64,0.87C76.44,10.86,76.97,11.76,76.8,13.94z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}

.chat_selectgame_icon.notadmin {
	filter: grayscale(1);
    opacity: 0.3;
}

.chat_browseimg_icon {
	cursor: pointer;
    width: 32px !important;
	height: 30px !important;
    font-weight: bold;
    border: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 88 83' style='enable-background:new 0 0 88 83;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0{fill:%234086E9;}%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M7.66,61.86c3.7-3.65,6.99-6.91,10.3-10.17c3.01-2.96,5.09-2.96,8.04,0.01c0.87,0.88,1.72,1.77,2.6,2.63    c1.72,1.7,2.58,1.72,4.32,0.02c6.8-6.68,13.56-13.39,20.37-20.07c0.72-0.71,1.54-1.45,2.45-1.79c2.02-0.77,3.69,0.02,5.16,1.53    c5.75,5.88,11.55,11.72,17.33,17.58c0.51,0.51,1.05,0.99,1.91,1.8c0.03-4.31,0.05-8.19,0.08-12.06c0-0.69-0.02-1.37,0.03-2.06    c0.14-1.91,1.54-3.28,3.3-3.27c1.74,0.01,3.23,1.41,3.25,3.31c0.05,3.43-0.02,6.86-0.04,10.28c-0.02,5.9-0.04,11.79-0.06,17.69    C86.68,76,79.42,82.57,70.75,82.14c-6.77-0.34-13.57-0.23-20.36-0.26c-11.52-0.06-23.04-0.09-34.55-0.09    C7.78,81.78,0.98,75.27,1,67.26c0.03-16.04,0.15-32.09,0.31-48.13C1.4,11.09,8.2,4.64,16.27,4.73C26.48,4.84,36.7,4.96,46.91,5.07    c3.42,0.04,4.96,1.01,5.02,3.21c0.06,2.26-1.67,3.41-5.08,3.39c-9.12-0.06-18.24-0.12-27.36-0.18c-0.89-0.01-1.78-0.01-2.67,0.01    c-5.82,0.19-8.7,2.98-8.84,8.81c-0.14,6.1-0.12,12.2-0.16,18.31C7.76,46.16,7.72,53.7,7.66,61.86z'/%3E%3Cpath class='st0' d='M78.27,16.17c0,1.9,0.05,3.53-0.01,5.16c-0.08,2.2-1.48,3.69-3.35,3.67c-1.9-0.02-3.16-1.48-3.22-3.74    c-0.04-1.44-0.03-2.88-0.05-4.31c0-0.13-0.07-0.26-0.22-0.76c-1.42,0-2.96,0.02-4.5,0c-2.57-0.03-4.1-1.28-4.07-3.31    c0.03-2.01,1.58-3.25,4.15-3.28c1.48-0.02,2.97-0.01,4.67-0.01c0-1.89-0.04-3.52,0-5.15c0.06-2.15,1.29-3.53,3.14-3.59    c1.91-0.07,3.3,1.36,3.43,3.57c0.05,0.82,0.02,1.64,0.02,2.46c0,0.81,0,1.61,0,2.7c1.73,0,3.28-0.03,4.83,0    c2.4,0.05,3.89,1.34,3.91,3.3c0.02,1.99-1.44,3.24-3.87,3.28C81.63,16.19,80.13,16.17,78.27,16.17z'/%3E%3C/g%3E%3Cpath class='st0' d='M29.21,35.06c-3.36-0.05-5.96-2.72-5.91-6.08c0.05-3.34,2.73-5.93,6.1-5.88c3.34,0.05,6.01,2.77,5.95,6.07   C35.29,32.49,32.57,35.1,29.21,35.06z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}


/* Emo Chat Icon */
.chat_browse_icon {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    /* นำ SVG data ที่คุณให้มาแทนที่ 'YOUR_SVG_DATA_HERE' */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 80 80' style='enable-background:new 0 0 80 80;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0{opacity:0.5;fill:%2358595B;}.st1{fill:%23FFFFFF;}%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='40.2' cy='40.46' r='37.88'/%3E%3Cg%3E%3Cpath class='st1' d='M49.91,25.45c2.37,0,4.71-0.01,7.05,0c3.03,0.01,4.71,1.63,4.72,4.64c0.02,7.38,0.02,14.76,0,22.14c-0.01,2.89-1.64,4.55-4.52,4.55c-11.29,0.02-22.58,0.02-33.87,0c-2.95-0.01-4.57-1.65-4.58-4.63c-0.02-7.34-0.02-14.68,0-22.01c0.01-3.09,1.68-4.69,4.8-4.7c1.95-0.01,3.91-0.06,5.86,0.02c0.92,0.04,1.31-0.29,1.56-1.12c0.3-0.99,0.75-1.94,1.11-2.92c0.32-0.89,0.94-1.31,1.87-1.31c4.17,0,8.34,0,12.51,0c0.99,0,1.62,0.45,1.96,1.39C48.86,22.8,49.38,24.09,49.91,25.45z M40.19,53.34c5.52,0,11.03-0.02,16.55,0.02c1.11,0.01,1.53-0.31,1.52-1.47c-0.04-7.17-0.04-14.33,0-21.5c0.01-1.13-0.35-1.56-1.49-1.53c-2.3,0.06-4.6,0.02-6.9,0.02c-2.28,0-2.35-0.05-3.14-2.12c-0.29-0.77-0.63-1.53-0.87-2.31c-0.21-0.7-0.61-0.92-1.33-0.9c-1.95,0.05-3.91,0.01-5.86,0.02c-1.21,0.01-2.71-0.37-3.55,0.2c-0.84,0.56-1.02,2.1-1.48,3.21c-0.05,0.12-0.12,0.23-0.15,0.36c-0.32,1.14-1.07,1.57-2.23,1.55c-2.47-0.04-4.95,0.04-7.43-0.03c-1.22-0.03-1.67,0.35-1.66,1.63c0.06,7.08,0.05,14.16,0,21.23c-0.01,1.24,0.36,1.65,1.62,1.64C29.24,53.31,34.71,53.34,40.19,53.34z'%3E%3C/path%3E%3Cpath class='st1' d='M40.14,50.73c-5.95-0.02-10.74-4.84-10.75-10.8c0-5.98,4.91-10.87,10.87-10.83c5.92,0.04,10.74,4.9,10.75,10.83C51.01,45.94,46.16,50.75,40.14,50.73z M32.86,39.99c0.02,4.07,3.34,7.35,7.4,7.32c4.05-0.03,7.31-3.35,7.29-7.43c-0.02-4.07-3.36-7.37-7.4-7.32C36.06,32.61,32.83,35.9,32.86,39.99z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}

#closeBtn {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    /* นำ SVG data ที่คุณให้มาแทนที่ 'YOUR_SVG_DATA_HERE' */
    background: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='m373.551 512h-235.102c-76.342 0-138.449-62.107-138.449-138.449v-235.102c0-76.342 62.107-138.449 138.449-138.449h235.102c76.342 0 138.449 62.107 138.449 138.449v235.102c0 76.342-62.107 138.449-138.449 138.449zm-235.102-470.204c-53.296 0-96.653 43.357-96.653 96.653v235.102c0 53.296 43.357 96.653 96.653 96.653h235.102c53.296 0 96.653-43.357 96.653-96.653v-235.102c0-53.296-43.357-96.653-96.653-96.653z'/%3E%3Cpath fill='%23ffffff' d='m357.278 186.057-174.951 174.951c-8.161 8.161-21.394 8.161-29.554 0-8.161-8.161-8.161-21.394 0-29.554l174.951-174.951c8.161-8.161 21.394-8.161 29.554 0s8.161 21.393 0 29.554z'/%3E%3Cpath fill='%23ffffff' d='m358.655 361.006c-8.161 8.161-21.394 8.161-29.554 0l-176.326-176.326c-8.161-8.161-8.161-21.394 0-29.554 8.161-8.161 21.394-8.161 29.554 0l176.326 176.326c8.16 8.16 8.16 21.393 0 29.554z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}

#deleteBtn {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    /* นำ SVG data ที่คุณให้มาแทนที่ 'YOUR_SVG_DATA_HERE' */
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M436,60h-75V45c0-24.813-20.187-45-45-45H196c-24.813,0-45,20.187-45,45v15H76c-24.813,0-45,20.187-45,45c0,19.928,13.025,36.861,31.005,42.761L88.76,470.736C90.687,493.875,110.385,512,133.604,512h244.792c23.22,0,42.918-18.125,44.846-41.271l26.753-322.969C467.975,141.861,481,124.928,481,105C481,80.187,460.813,60,436,60z M181,45c0-8.271,6.729-15,15-15h120c8.271,0,15,6.729,15,15v15H181V45z M393.344,468.246c-0.643,7.712-7.208,13.754-14.948,13.754H133.604c-7.739,0-14.305-6.042-14.946-13.747L92.294,150h327.412L393.344,468.246z M436,120H76c-8.271,0-15-6.729-15-15s6.729-15,15-15h360c8.271,0,15,6.729,15,15S444.271,120,436,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M195.971,436.071l-15-242c-0.513-8.269-7.67-14.558-15.899-14.043c-8.269,0.513-14.556,7.631-14.044,15.899l15,242.001c0.493,7.953,7.097,14.072,14.957,14.072C189.672,452,196.504,444.684,195.971,436.071z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M256,180c-8.284,0-15,6.716-15,15v242c0,8.284,6.716,15,15,15s15-6.716,15-15V195C271,186.716,264.284,180,256,180z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M346.927,180.029c-8.25-0.513-15.387,5.774-15.899,14.043l-15,242c-0.511,8.268,5.776,15.386,14.044,15.899c8.273,0.512,15.387-5.778,15.899-14.043l15-242C361.483,187.659,355.196,180.541,346.927,180.029z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}


#downloadBtn {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    /* นำ SVG data ที่คุณให้มาแทนที่ 'YOUR_SVG_DATA_HERE' */
background: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 32 32' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='a9148db4-8702-4948-b3d7-c33f0782daf4' data-name='Download'%3E%3Cpath fill='%23ffffff' d='m28 24v-4a1 1 0 0 0 -2 0v4a1 1 0 0 1 -1 1h-18a1 1 0 0 1 -1-1v-4a1 1 0 0 0 -2 0v4a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3zm-6.38-5.22-5 4a1 1 0 0 1 -1.24 0l-5-4a1 1 0 0 1 1.24-1.56l3.38 2.7v-13.92a1 1 0 0 1 2 0v13.92l3.38-2.7a1 1 0 1 1 1.24 1.56z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}

.input_group_name {
/* 	padding: 10px 10px 10px 5px; */
    border: 0px solid #4274DD;
    border-radius: 0;
    background: none;
    color: #444;
    font-size: 16px;
    font-weight: normal;
    font-family: roboto;
}

.input_group_name::placeholder {
	color: #6D6E71; /* สีข้อความ placeholder */
}

.chat_status {
	/* background-color: #e6e7e8; */
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ced4da;
}

/* mobile screen */
@media screen and (max-width: 1024px) {
	/* กำหนดสไตล์สำหรับ placeholder */
	.chat_custom_input {
		height: 33px !important;
	}
	
	.chat_custom_input::placeholder {
		left: 40px;
	}
		
	.chat_custom_input.chat_box {
/* 		padding:6px 5px 6px 15px; */
	}
	
	.chat_custom_input.chat_box::placeholder {
		left: 70px;
	}
}

/* Btn Show */
/* .viewImgPopup.hide {
	display:none;
}
.viewImgPopup.show {
	display:block !important;
} */

.viewImgPopup {
    width: 40px !important;
    height: 40px !important;
    background-color: #00000025 !important;
    border: 5px solid #00000005 !important;
    border-radius: 50%;
}

/* Helper */
.l-20 {
	left: 20% !important;
}
.t-25 {
	top: 25% !important;
}
.h-35 {
	height: 35px!important;
}
.input_center {
    transform: translate(-50%) !important;
    left: 50% !important;
}