Responsive adjustments
   ============================================ */
@media (max-width: 768px) {
    .card.shadow-sm {
        height: calc(100vh - 120px);
        max-height: calc(100vh - 120px);
        border-radius: 0;
    }

    .chat-messages {
        min-height: 150px;
        padding: 0.75rem;
    }

    .message-wrapper {
        max-width: 90%;
    }

    .message-content {

on","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","ligh...

                "           <div class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\"> \n" +
                "             <div class=\"wistia_embed wistia_async_$2 seo=true videoFoam=true\" style=\"height:100%;position:relative;width:100%\"> \n" +

                                <h4><la:message key="labels.general_menu_system"/></h4>
                                <div class="form-group row">
                                    <span class="font-weight-bold col-sm-3 text-sm-right col-form-label"><la:message
                                            key="labels.web_api_json_enabled"/></span>
                                    <div class="form-inline col-sm-9">

                            </div>
                            <div class="card-body">
                                <div class="form-group row">
                                    <span class="font-weight-bold col-sm-3 text-sm-right col-form-label"><la:message
                                            key="labels.replace_aliases"/></span>
                                    <div class="form-inline col-sm-9">

        data = "<img src=\"http://example/foo.jpg\" width=\"x\" height=\"x\">";
        assertNull(transformer.getThumbnailUrl(responseData, getDocument(data)));

        data = "<img src=\"http://example/foo.jpg\" width=\"10\" height=\"100\">";
        assertNull(transformer.getThumbnailUrl(responseData, getDocument(data)));

        data = "<img src=\"http://example/foo.jpg\" width=\"100\" height=\"10\">";

    java.math.BigDecimal getThumbnailHtmlImageMaxAspectRatioAsDecimal();

    default boolean validateThumbnailSize(final int width, final int height) {
        if (width <= 0 || height <= 0 || width < getThumbnailHtmlImageMinWidthAsInteger().intValue()
                || height < getThumbnailHtmlImageMinHeightAsInteger().intValue()) {
            return false;
        }

                final Integer height = getAttributeAsInteger(attributes, "height");
                final Integer width = getAttributeAsInteger(attributes, "width");
                if (!fessConfig.isThumbnailHtmlImageUrl(thumbnailUrl)) {
                    continue;
                }
                if (height != null && width != null) {
                    try {

    }

    /**
     * Auto-resize textarea based on content
     */
    function autoResizeTextarea() {
        var textarea = elements.chatInput[0];
        textarea.style.height = 'auto';
        textarea.style.height = Math.min(textarea.scrollHeight, 150) + 'px';
    }

    /**
     * Update character counter
     */
    function updateCharCount() {
        var count = elements.chatInput.val().length;

thumbnail.html.image.min.width=100
# Minimum height for HTML images in thumbnails.
thumbnail.html.image.min.height=100
# Maximum aspect ratio for HTML images in thumbnails.
thumbnail.html.image.max.aspect.ratio=3.0
# Width of generated thumbnail images.
thumbnail.html.image.thumbnail.width=100
# Height of generated thumbnail images.
thumbnail.html.image.thumbnail.height=100
# Format of generated thumbnail images.