#history_first .eva-container {
	position: relative;
	/* top: auto; */
	bottom: -31px;
	width: calc(100% - 10px);
}

/* 20260105 */
.eva-container {
	position: absolute;
	top: auto;
	text-align: right;
	margin-left: 30px;
	min-width: 318px;
	margin-top: 0px;
	width: calc(100% - 68px);
}
.chat-bot-box .message a.no-copy, .chat-bot-box .message button.no-copy{width: auto !important;}
.chat-bot-box .message.bot {
	margin-bottom: 0px !important;
}

.chat-bot-box #history_first.message.bot {
	margin-bottom: 40px !important;
}

.chat-bot-box .message_bot_box {
	padding-bottom: 40px !important;
}

.evaluate {
	/* margin-left:-14px; */
	/* padding-right: 13px; */
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 50;
	position: relative;
}

/* 20251226 */
.chat-bot-box .evaluate a, .chat-bot-box .evaluate button {
	/*display: inline-block;*/
	background-repeat: no-repeat;
	background-size: cover;
	/*min-width: 100px;*/
	/*padding: 0px 5px;*/
	/*min-height: 30px;*/
	margin-right: 5px;
	/*display: flex !important;*/
	display: flex;
	box-sizing: border-box;
	align-items: flex-end;
	font-size: 12px !important;
	height: 21px;
	line-height: 18px;
	white-space: nowrap;
}

/* 20260105 */
.chat-bot-box .evaluate a i {
	font-size: 12px !important;
	font-style: normal;
}

.chat-bot-box .evaluate a img {
	margin-right: 2px;
	display: block;
}

.evaluate a.good, .evaluate a.bad {
	display: inline-block;
	background-repeat : no-repeat;
	background-size: cover;
	min-width: 20px;
	min-height: 20px;
	padding: 0 5px;
	margin-right: 5px;
	display: inline-block;
	box-sizing: border-box;
}

.chat-bot-box .message .evaluate a.no-copy {
	font-size: 12px !important;
}

.eval-panel {
	position: absolute;
	left: -16px;
	right: -16px;
	top: 10px;
	z-index: 10;
}

.eval-panel .ttxt {
	font-size: 14px;
	color: #555555;
	padding-right: 15px;
	position: relative;
	margin: 0;
	text-align: left;
}

.eval-panel > div {
	border: 1px solid #e1e1e1;
	border-radius: 13px;
	padding: 10px 18px 18px;
	position: relative;
	margin-top: 16px;
	background: #fff;
}
.reverse{position:relative;}
.reverse::before {
	content: '';
	position: absolute;
	top: 20px;
	left: calc(50% - 8px);
	width: 24px;
	height: 7px;
	background: url(https://chatty.kr/images/corner_bm_field.gif) no-repeat;
	/* transform: rotate(180deg); */
	border-bottom: 16px solid #fff;
	z-index: 5;
}

/* 20260105 */
.eval-panel > div .panel2::before, .eval-panel > .pos2::before {
	right: 50px;
}

/* 20260105 */
.chat-bot-box .eval-panel ul.assess-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 6px;
	padding-left: 0;
	margin-left: 0px !important;
	margin-bottom: 10px;
}

.eval-panel .assess-list li {
	width: calc((100% - 16px) / 3);
	min-height: 32px;
	list-style: none;
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	box-sizing: border-box;
}

.eval-panel .assess-list li a, .eval-panel .assess-list > li label input[type="checkbox"] + span {
	display: block;
	font-size: 14px;
	color: #777777;
	font-weight: 300;
	text-align: center;
	/* height:32px; */
	/* border-radius:6px; */
	/* border:1px solid #e5e5e5; */
	/* overflow: hidden; */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 3px;
	padding-right: 15px;
	height: 100%;
}

.eval-panel .close-btn {
	display: block;
	position: absolute;
	right: 16px;
	top: 14px;
}

.eval-panel .assess-list > li label {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}


.eval-panel .assess-list > li label input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: -99999px;
}

/*{position: relative;word-break: keep-all;padding: 0 10px;}*/
.eval-panel .assess-list > li label input[type="checkbox"] + span::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 9px;
	margin-right: 5px;
	flex: 0 0 auto;
}

.eval-panel .assess-list > li label input[type="checkbox"]:checked + span {
	color: #fff;
	background: #2941f5;
}

.eval-panel .assess-list > li label input[type="checkbox"]:checked + span::before {
	background: url(https://chatty.kr/images/icon_assess_check.png) no-repeat;
}

.eval-panel .send-btn {
	display: block;
	/* padding: 5px 0; */
	text-align: center;
	background: #8a8b8b;
	border-radius: 5px;
	color: #fff;
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
}

.direct-panel .ta-box {
	margin-top: 8px;
	width: 100%;
	border-radius: 6px;
	position: relative;
	box-sizing: border-box;
}

.direct-panel .ta-box textarea {
	width: 100%;
	height: 74px;
	font-size: 17px;
	padding: 12px 0 12px 12px;
	border: none;
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	resize: none;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.direct-panel .ta-box textarea::placeholder {
	font-size: 15px;
	color: #999999;
}

.direct-panel .ta-box .send-btn {
	display: block;
	/* position:absolute; */
	right: 5px;
	bottom: 6px;
}

.eval-panel > div > div.good-class::before {
	right: 36px;
}

.eval-panel > div > div.bad-class::before {
	right: 9px;
}

.eval-panel .history-items-container {
	word-break: break-all;
	text-align: left;
}

.eval-panel .history-items-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 6px;
	padding-left: 0;
	margin-left: 0px !important;
	margin-bottom: 0px;
}

.eval-panel .history-items-list li {
	list-style: none;
	width: calc((100% - 22px) / 3);
	font-size: 14px;
	color: #777777;
	font-weight: 300;
	text-align: center;
	height: 32px;
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.eval-panel .history-items-list li.check {
	color: #fff;
	background: #2941f5;
}

.eval-panel .history-items-list li.check::before {
	content: "";
	display: inline-block;
	background: url(https://chatty.kr/images/icon_assess_check.png) no-repeat;
	width: 10px;
	height: 9px;
	margin-right: 5px;
}

.eval-panel p {
	margin: 5px 0;
}
.eval-panel .assess-list li input[type="checkbox"]{position: absolute;z-index: -1;left:-999em;}
.eval-panel .assess-list li input[type="checkbox"]:focus + label {
  outline: 2px solid ;
}
.eval-panel .assess-list li, .eval-panel .history-items-list li{position: relative;padding: 4px 1px;box-sizing: border-box;}
@media screen and (max-width: 1024px) {
	.eval-panel .assess-list li, .eval-panel .history-items-list li {
		width: calc((100% - 5px) / 2);
	}

	.chat-bot-box .eval-panel ul.assess-list, .eval-panel .history-items-list {
		gap: 5px
	}
}

@media screen and (max-width: 768px) {
	.eval-panel .assess-list li, .eval-panel .history-items-list li {
		width:100%;
	}
}

@media screen and (max-width: 590px) {
	.eval-panel {
		/* width:400px; */
	}
}

@media screen and (max-width: 520px) {
	.eva-container{bottom: -1px;}
	#history_first .eva-container{bottom: -30px;}
}

@media screen and (max-width: 450px) {
	.eval-panel {
		/* width:320px; */
	}

	.eva-container {
		min-width: auto;
		width: calc(100% - 63px);
		/* bottom: 0; */
	}
	#history_first .eva-container{/* bottom: 0; */}

	.eval-panel .ttxt, .eval-panel .history-items-list li, .eval-panel .history-comment, .eval-panel .assess-list li a, .eval-panel .assess-list > li label input[type="checkbox"] + span {
		font-size: 12px;
	}

	.eval-panel > div {
		padding: 10px;
	}
}