align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 82, 204, 0.25);
}

.empty-state-icon i {
    font-size: 2rem;
    color: white;
}

.empty-state-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #172b4d;
    margin-bottom: 0.5rem;
}

.empty-state-description {
    font-size: 0.9375rem;

}

input[type="file"].form-control:not([type="file"]) {
	height: 0% !important;
}

#result ol {
	list-style: none !important;
	padding-left: 0;
}

#result ol li {
	margin-bottom: 0;
}

#result .title {
	margin: 1.0em 0 0.5em 0;
	font-size: 120%;
	font-weight: 600;
}

section.content table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

	</button>
	<div class="modal fade" id="confirmToDelete" tabindex="-1"
		role="alertdialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header" style="border-bottom: 2px solid #dc3545;">
					<h4 class="modal-title">
						<i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"></i>
						<la:message key="labels.crud_title_delete" />
					</h4>

     */
    function updateUI() {
        elements.sendBtn.prop('disabled', state.isProcessing);
        elements.chatInput.prop('disabled', state.isProcessing);
    }

    /**
     * Scroll chat to bottom
     */
    function scrollToBottom() {
        elements.chatMessages.scrollTop(elements.chatMessages[0].scrollHeight);
    }

    /**
     * Render Markdown text to sanitized HTML.