#dt-support td {
	padding: 0;
}

.ticket-row {
	padding: 1.2rem;
	/* border: 1px solid var(--bs-gray-300); */
}

.ticket-row:hover {
	background-color: var(--bs-gray-100);
}

.ticket-row .ticket-info .ticket-data {
	display: inline-block;
	margin: 2px 0;
}

.ticket-row .ticket-info .ticket-data:not(:last-child):after {
	content: ' | ';
	margin: 0 4px;
}

.ticket-issue p {
	font-size: 13px;
}

.ticket-sticker {
	position: sticky;
	top: 20px; 
	overflow: auto;
}

.chat-container {
	max-height: auto;
    overflow: auto;
}

.chat-block .btn {
	position: absolute;
    right: 4px;
	bottom: 4px;
}

.chat-block textarea {
	padding-right: 40px;
	max-height: 224px;
	overflow-x: hidden !important;
}

.chat-box.chat-left {
	color: white;
	background-color: #5e7468;
}

.chat-box.chat-right {
	background-color: #65788f;
    color: white;
}

.chat-box a.link {
	color: #ffe771;
}

.chat-box a.link:hover {
	color: #aed9ff;
}

.chat-box .action-node {
	color: var(--bs-white);
}

.chat-box .parent-msg {
	background-color: var(--bs-gray-200);
    padding: 14px;
    margin-bottom: 7px;
    border-radius: 5px;
	display: block;
}

.chat-box .parent-msg a {
    color: var(--bs-gray-500);
}

.chat-input-frame {
	/* border: 1px solid var(--bs-gray-200) */
    padding: 2px;
}

.chat-input-frame:not(.show) .reply-block {
	display: none;
}

.chat-input-frame .reply-block {
	background-color: #f7f7f7;
    color: #777d83;
    margin-bottom: 5px;
    position: relative;
    border-left: 2px solid #acd7ca;
    border-top: 2px solid #acd7ca;
    box-shadow: 0 0 2px grey;
}

.chat-input-frame .reply-block .pointer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: help;
	width: calc(100% - 24px);
}

.chat-input-frame  .reply-block .reply-cancel {
	position: absolute;
	right: 7px;
	top: 7px;
}

.chat-input-frame .reply-block .reply-cancel ~ .reply-note {
	padding-right: 12px;
}