document.addEventListener("DOMContentLoaded", function(event) {
        var styleString = "#support-button {\n    text-decoration: none;\n    position: fixed;\n    text-align: center;\n    bottom: 20px;\n    right: 20px;\n    background: #fff;\n    border-radius: 46px;\n    width: 46px;\n    height: 46px;\n    font-size: 22px;\n    line-height: 46px;\n    color: #1269D3;\n    fill: #1269D3;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);\n    z-index: 999;\n    transition: all .15s ease-in;\n    overflow: visible;\n    cursor: pointer;\n}\n\n#support-button .close-icon {\n    display: none;\n    width: 14px;\n    height: 14px;\n    font-weight: 1000;\n\n    position: absolute;\n    top: -1px;\n    left: 16px;\n}\n#support-button .open-icon {\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    font-weight: 1000;\n\n    position: absolute;\n    top: -1px;\n    left: 16px;\n}\n\n#support-button:hover {\n    transform: none;\n    background: #1269D3;\n    color: #fff;\n    fill: #fff;\n    text-shadow: 1px 1px 1px #00285a87;\n}\n#support-button.open {\n    transform: none;\n    background: #1269D3;\n    color: #fff;\n    fill: #fff;\n    text-shadow: 1px 1px 1px #00285a87;\n}\n#support-button.open .close-icon {\n    display: inline-block;\n}\n#support-button.open .open-icon {\n    display: none;\n}\n#support-button .ticket-frame {\n    display:none;\n}\n#support-button.open .ticket-frame {\n    height: 440px;\n    bottom: 73px;\n    right: 73px;\n    width: 368px;\n    position: fixed;\n    border-radius: 4px;\n    background: #F3F9FF;\n    box-shadow: 2px 2px 8px rgba(0,0,0,.3);\n    z-index: 99999;\n    overflow: hidden;\n    display: block;\n}\n#support-button .ticket-frame iframe {\n    height: 100%;\n    width: 100%;\n    background: #fff;\n}\n\n\n@media screen and (max-width: 500px) {\n    #support-button.open .ticket-frame {\n        \/*right: -10px;\n        width: 350px;*\/\n        right: 20px;\n        width: 350px;\n    }\n}\n\n@media screen and (max-width: 420px) {\n    #support-button.open .ticket-frame {\n        padding-bottom: 80px;\n        right: 0;\n        width: 100%;\n        bottom: 90px;\n        z-index: 2000;\n    }\n}";
        var iconTimes = "<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 384 512"><path d="M323.1 441l53.9-53.9c9.4-9.4 9.4-24.5 0-33.9L279.8 256l97.2-97.2c9.4-9.4 9.4-24.5 0-33.9L323.1 71c-9.4-9.4-24.5-9.4-33.9 0L192 168.2 94.8 71c-9.4-9.4-24.5-9.4-33.9 0L7 124.9c-9.4 9.4-9.4 24.5 0 33.9l97.2 97.2L7 353.2c-9.4 9.4-9.4 24.5 0 33.9L60.9 441c9.4 9.4 24.5 9.4 33.9 0l97.2-97.2 97.2 97.2c9.3 9.3 24.5 9.3 33.9 0z"\/><\/svg>";
        var iconQuestion = "<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 384 512"><path d="M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z"\/><\/svg>";

        var style = document.createElement('style');
        style.setAttribute('type', 'text/css');
        style.innerHTML = styleString;
        document.body.appendChild(style);

        var supportButton = document.createElement('div');
        supportButton.id = 'support-button';

        var buttonClose = document.createElement('div');
        buttonClose.className = 'close-icon';
        buttonClose.innerHTML = iconTimes;
        buttonClose.innerHTML = buttonClose.innerText;
        supportButton.appendChild(buttonClose);

        var buttonOpen = document.createElement('div');
        buttonOpen.className = 'open-icon';
        buttonOpen.innerHTML = iconQuestion;
        buttonOpen.innerHTML = buttonOpen.innerText;
        supportButton.appendChild(buttonOpen);

        var ticketFrame = document.createElement('div');
        ticketFrame.className = 'ticket-frame';
        supportButton.appendChild(ticketFrame);

        var iframe = document.createElement('iframe');
        iframe.setAttribute('src', 'https://app.sistrix.com/info/_ticket_integration/success/?url='+window.location);
        iframe.setAttribute('frameborder', 0);
        iframe.style.height = '100%';
        iframe.style.width = '100%';

        ticketFrame.appendChild(iframe);
        document.body.appendChild(supportButton);

        supportButton.addEventListener('click', function(){
            if (this.className == 'open') {
                this.className = '';
            } else {
                this.className = 'open';
            }
        })
    });