/* QTIS 전용 리스트 스타일 */
.qtis-info-list > .qtis-info-row {
	margin-top: -1px; 
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	padding: 0.8em 0.5em;
	cursor: pointer;
}
.qtis-info-list > .qtis-info-row:hover span:not(.scrap-button),
.qtis-info-list > .qtis-info-row:hover .qtis-info-text {
	opacity: 0.7;
}
.qtis-info-list > .qtis-info-row .qtis-info-header,
.qtis-info-list > .qtis-info-row .qtis-info-header-sub {
	display: flex;
}
.qtis-info-list > .qtis-info-row .qtis-info-name {
	font-size: 1.1em;
	font-weight: 500;
	color: black;
	text-align: left;
}
.qtis-info-list > .qtis-info-row .qtis-info-badge {
	font-size: 0.6em;
	padding: 0.2em;
	align-self: center;
}
.qtis-info-list > .qtis-info-row .qtis-info-text {
	font-size: 0.8em;
	font-weight: 200;
	text-align: left;
}
.qtis-info-list .item {
	font-size: 0.9em;
	font-weight: 300;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}
.qtis-info-list .item-name {
	font-weight: 400;
	color: #17A2B8;
}
.qtis-info-list .divider {
	margin: 0 0.5em;
    font-size: 0.9rem;
}
.qtis-info-list .divider::before {
	content: '|';
	color: #ccc;
}
.qtis-info-list .scrap-button {
	font-size: 0.7em;
	font-weight: 500;
	border: 1px solid #6C757D;
	border-radius: 0.3em;
	padding: 0.2em 0.3em 0 0.3em;
	height: fit-content;
	min-width: 55px;
}
.qtis-info-page .page-button,
.qtis-info-page_mini .page-button {
	color: #3D464D;
	border-color: #E6E6E6;
	margin-left: -1px;
}
.qtis-info-page .page-button:disabled,
.qtis-info-page_mini .page-button:disabled {
	color: lightgray;
}
.qtis-info-page .page-button.cur-page-btn,
.qtis-info-page_mini .page-button.cur-page-btn {
	color: white;
	background-color: #17A2B8;
	border-color: #17A2B8;
}