{"message":"Server is running."}
<script>

const wde_get_styles = () => {
    var generate_hint, generate_hint_all, generate_hint_clipboard,copy_style, detectColorAndShow;
    const cssProperties = [
        "background",
        "border",
        "box-shadow",
        "color",
        "cursor",
        "font-family",
        "font-size",
        "font-weight",
        "height",
        "letter-spacing",
        "margin",
        "max-height",
        "max-width",
        "opacity",
        "outline",
        "padding",
        "text-align",
        "transform",
        "transition",
        "width",
    ];

    const cssPropertiesParent = [
        "background",
        "border",
        "margin",
        "padding",
    ];

    const cssPropertiesFont = [
        "text-align",
        "font-family",
        "font-size",
        "font-weight",
        "letter-spacing",
    ];

    const cssPropertiesColors = [
        "background",
        "border",
        "box-shadow",
        "color",,
    ];

    const cssPropertiesBox = [
        "cursor",
        "height",
        "margin",
        "max-height",
        "max-width",
        "opacity",
        "outline",
        "padding",
        "transform",
        "transition",
        "width"
    ];

    document.querySelectorAll('.w_d_e_el_hint').forEach(function(element) {
        element.addEventListener('click', function(e) {

            var hint_box = this.querySelector('.w_d_e_el_hint_box');
            if (hint_box && !hint_box.classList.contains('w_d_e_hidden')) {
                document.querySelectorAll('.w_d_e_el_hint_box').forEach(function(box) {
                    box.classList.add('w_d_e_hidden');
                });
                return false;
            }

            document.querySelectorAll('.w_d_e_name').forEach(function(box) {
                box.setAttribute('style', '');
            });
    
            document.querySelectorAll('.w_d_e_el_hint_box').forEach(function(box) {
                box.classList.add('w_d_e_hidden');
                box.classList.remove('top', 'bottom', 'left', 'right');
            });

            if (!hint_box) {
                hint_box = document.createElement('span');
                hint_box.classList.add('w_d_e_el_hint_box');
                this.appendChild(hint_box);
            }

            var elCoord = this.getBoundingClientRect();
            if (window.innerWidth - elCoord.left < 250) {
                hint_box.classList.add('right');
            }
            var parentContainer = null;

            if(this.parentElement.parentElement.classList.contains('elementor-section') || this.parentElement.parentElement.classList.contains('elementor-column')) {
                parentContainer = this.parentElement.parentElement;
            } else {
                parentContainer = this.parentElement.parentElement.querySelector('.elementor-widget-container');
            }

            if (parentContainer) {
                if(this.parentElement.parentElement.classList.contains('elementor-section') || this.parentElement.parentElement.classList.contains('elementor-column')) {

                } else {
                    if(parentContainer.querySelector('.elementor-button-wrapper >*:first-child')) {
                        parentContainer = parentContainer.querySelector('.elementor-button-wrapper >*:first-child');

                    } else if(parentContainer.firstElementChild) {
                        parentContainer = parentContainer.firstElementChild;
                    } 
                    
                    while (parentContainer && (parentContainer.tagName.toUpperCase() === 'STYLE' || parentContainer.tagName.toUpperCase() === 'SCRIPT')) {
                        parentContainer = parentContainer.nextElementSibling;
                    }
                   
                }

                hint_box.innerHTML = generate_hint(parentContainer);
                hint_box.classList.remove('w_d_e_hidden');
                hint_box.parentElement.parentElement.setAttribute('style', 'z-index: 99999999999 !important;');
                copy_style(hint_box.querySelectorAll('.copy_style'));
            } else {
                document.querySelectorAll('.w_d_e_el_hint_box').forEach(function(box) {
                    box.classList.add('w_d_e_hidden');
                });
            }
        });
    });

    document.querySelectorAll('.w_d_e_el_copy_css').forEach((element) => {
        element.addEventListener('click', function (e) {
          // Check if the element has a parent with class 'elementor-widget-container'
        var parentContainer = null;
        if(this.parentElement.parentElement.classList.contains('elementor-section') || this.parentElement.parentElement.classList.contains('elementor-column')) {
            parentContainer = this.parentElement.parentElement;
        } else {
            parentContainer = this.parentElement.parentElement.querySelector('.elementor-widget-container');
        }

          if (parentContainer) {
            if(this.parentElement.parentElement.classList.contains('elementor-section') || this.parentElement.parentElement.classList.contains('elementor-column')) {

            } else {
                if(parentContainer.querySelector('.elementor-button-wrapper >*:first-child')) {
                    parentContainer = parentContainer.querySelector('.elementor-button-wrapper >*:first-child');
                } else if(parentContainer.firstElementChild) {
                    parentContainer = parentContainer.firstElementChild;
                } 
                                    
                while (parentContainer && (parentContainer.tagName.toUpperCase() === 'STYLE' || parentContainer.tagName.toUpperCase() === 'SCRIPT')){
                    parentContainer = parentContainer.nextElementSibling;
                }
            }

            // Call the function to generate a hint and copy it to the clipboard
            const hint = generate_hint_clipboard(parentContainer);
            navigator.clipboard.writeText(hint);
            // Call the function to log a notification
            wde_log_notify('Added in clipboard');
          }
        });
      });

    generate_hint = (el) => {
        var css_data = '';
        var css_obj = getComputedStyle(el);
        //css_data += '<h2 class="wde_hint_header">&lt;'+el.tagName.toUpperCase()+'&gt;.'+el.classList.toString().replace(/\s+/g, '.')+'</h2>'; 
        css_data += '<h2 class="wde_hint_header">Inner element</h2>'; 
        for (const iterator of cssProperties) {
            if (css_obj.getPropertyValue(iterator) && css_obj.getPropertyValue(iterator) !== 'none') {
                css_data += '<p class="w_d_e_hint_line"><span class="opt">'+iterator+'</span><span class="value">: ' + detectColorAndShow(css_obj.getPropertyValue(iterator))+ ';<a href="#" class="copy_style" data-clipboard="' +  (css_obj.getPropertyValue(iterator).replace(/\"/g, "'"))+ '"></a></span></p>'; 
            }
        }

        var css_obj = getComputedStyle(el.parentElement);
        css_data += '<h2 class="wde_hint_header_hr">Container Element</h2>'; 
        for (const iterator of cssPropertiesParent) {
            if (css_obj.getPropertyValue(iterator) && css_obj.getPropertyValue(iterator) !== 'none') {
                css_data += '<p class="w_d_e_hint_line"><span class="opt">'+iterator+'</span><span class="value">: ' + detectColorAndShow(css_obj.getPropertyValue(iterator))+ ';<a href="#" class="copy_style" data-clipboard="' + (css_obj.getPropertyValue(iterator).replace(/\"/g, "'"))+ '"></a></span></p>'; 
            }
        }

        return css_data;
    };
    
    copy_style = (selector) => {
        selector.forEach(function(element) {
            element.addEventListener('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                navigator.clipboard.writeText(this.getAttribute('data-clipboard'));
                wde_log_notify('Added in clipboard');
            });
        });
    };

    generate_hint_clipboard = (el) => {
        var css_data = '';
        var css_obj = getComputedStyle(el);

        for (const iterator of cssProperties) {
            if (css_obj.getPropertyValue(iterator) && css_obj.getPropertyValue(iterator) !== 'none') {
                css_data += '' + iterator + ': ' + css_obj.getPropertyValue(iterator) + ';\r\n';
            }
        }

        return css_data;
    };

    detectColorAndShow = (text) => {
        const colorRegex = /#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})|rgb\((\d+),\s*(\d+),\s*(\d+)\)/g;
        let match;
        if ((match = colorRegex.exec(text)) !== null) {
            let color;
            if (match[1]) {
                color = match[0];
            } else {
                const r = match[2];
                const g = match[3];
                const b = match[4];
                color = `rgb(${r}, ${g}, ${b})`;
            }

            text += ' <span class="wde_color" style="background:'+color+'"></span>';
        }
        return text;
    };
};
 
const wde_log_notify = (text, type, popup_place) => {
  const $ = document.querySelector.bind(document);

  // Create the notification box if it doesn't exist
  if (!$('.wde_log_notify-box')) {
    const notifyBox = document.createElement('div');
    notifyBox.classList.add('wde_log_notify-box');
    document.body.appendChild(notifyBox);
  }

  // Set default values for 'text', 'type', and 'popup_place' if they are not provided
  if (typeof text === "undefined") text = 'Undefined text';
  if (typeof type === "undefined") type = 'success';
  if (typeof popup_place === "undefined") popup_place = $('.wde_log_notify-box');

  // Check if the popup_place element exists before appending the notification
  if (!popup_place) {
    console.error("The popup_place element is not found.");
    return;
  }

  let el_class = '';
  let el_timer = 5000;

  switch (type) {
    case "success":
      el_class = "success";
      break;
    case "error":
      el_class = "error";
      break;
    case "loading":
      el_class = "loading";
      el_timer = 2000;
      break;
    default:
      el_class = "success";
      break;
  }

  // Create the notification element
  const notification = document.createElement('div');
  notification.className = 'wde_log_notify ' + el_class;
  notification.textContent = text;
  popup_place.appendChild(notification);

  // Show and remove the notification after a timeout
  setTimeout(function () {
    notification.classList.add('show');
    setTimeout(function () {
      notification.classList.remove('show');
      setTimeout(function () {
        notification.remove();
      }, 1000);
    }, el_timer);
  }, 100);
};


el_elements = '';
el_elements = document.querySelectorAll('.elementor-element.elementor-widget');

var el_elements_array = [];

Array.prototype.forEach.call(el_elements, function (el_element) {
    var element_name = el_element.getAttribute("class");

    el_element.style.border =  '1px dashed red';

    element_name = element_name.substr(element_name.lastIndexOf("elementor-widget-")+17);

    el_element.innerHTML+= '<span class="w_d_e_name">'+element_name+'<span class="w_d_e_el_hint">i</span><span class="w_d_e_el_copy_css"></span></span>';

    el_elements_array.push(element_name);

	//console.log(el_element.textContent + ' is a great job!');
});

el_elements = document.querySelectorAll('.elementor-section, .elementor-element.e-flex.e-parent');
Array.prototype.forEach.call(el_elements, function (el_element) {
    el_element.style.outline = '1px dashed blue';
    el_element.innerHTML+= '<span class="w_d_e_name"><span class="w_d_e_el_hint">i</span><span class="w_d_e_el_copy_css"></span></span>';
});

el_elements = document.querySelectorAll('.elementor-column');
Array.prototype.forEach.call(el_elements, function (el_element) {
    el_element.style.outline = '1px dashed green';
    el_element.innerHTML+= '<span class="w_d_e_name"><span class="w_d_e_el_hint">i</span><span class="w_d_e_el_copy_css"></span></span>';
});


// ajax to fetch details about widgets

fetch('ajax.php?method=elements', {
  method: 'POST', // or 'PUT'
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(el_elements_array),
})
.then(response => response.json())
.then(data => {

    for (const single_obj in data) {

        console.log(data[single_obj].widget_title);

        replace_elements = document.querySelectorAll('span.w_d_e_name');

        var widget = data[single_obj];

        Array.prototype.forEach.call(replace_elements, function (curr_element) {
            
            var elementText = curr_element.innerHTML.split('<')[0].trim();

            if(elementText == widget.widget_key)
            {
                
                curr_element.appendChild(document.createTextNode(' (' + widget.widget_category + ')'));

                curr_element.setAttribute("title", widget.plugin_name);
            }
        });

        // cehck all and replace



    }

    Array.prototype.forEach.call(data, function (el_data) {
        console.log("=====================================================================");
        console.log(el_data);

    });



  console.log('Success:', data);
})
.catch((error) => {
  console.error('Error:', error);
});
console.log('log:');
console.log(el_elements);
console.log(el_elements.length);


if(!el_elements.length && !el_elements_array.length) {
    document.querySelector('body').innerHTML = '<body><p class="w_d_e_alert w_d_e_alert-danger">No Elementor elements found</p></body>';
}

const srcChecker = /url\(\s*?['"]?\s*?(\S+?)\s*?["']?\s*?\)/i

window.addEventListener("DOMContentLoaded", function(){
    el_images = document.querySelectorAll('img');

    Array.prototype.forEach.call(el_images, function (el_image) {
        const img = new Image();
        img.onload = function() {
            var w_d_e_files_content = document.getElementById('w_d_e_files_content');

            if(this.src.split("/elementdetector.com").length <= 1)
            {
                var filename = this.src.substr(this.src.lastIndexOf("/")+1);

                if(w_d_e_files_content.innerHTML.split(filename).length <= 1)
                    w_d_e_files_content.innerHTML += '<a href="' + this.src + '#" target="_blank" class="w_d_e_link_image" onclick="window.open(\'' + this.src + '\', \'_blank\');return false;">' + this.naturalWidth + 'x' + this.naturalHeight + 'px, ' + filename + '</a><br />';
            }

            
            el_links = document.querySelectorAll('a.w_d_e_link_image');

            Array.prototype.forEach.call(el_links, function (el_link) {
                //console.log(el_link);
                el_link.onclick = null;
            });
        }
        img.src = el_image.getAttribute("src");
    });



    Array.prototype.forEach.call(document.querySelectorAll('*'), function (node) {

        if (typeof node == 'undefined')return;

        let prop = getComputedStyle(node);
        let url  = prop.getPropertyValue('background-image');

        let match = srcChecker.exec(url)

        if (match) {
            const img = new Image();
            img.onload = function() {
                var w_d_e_files_content = document.getElementById('w_d_e_files_content');

                if(this.src.split("/elementdetector.com").length <= 1)
                {
                    var filename = this.src.substr(this.src.lastIndexOf("/")+1);

                    if(w_d_e_files_content.innerHTML.split(filename).length <= 1)
                        w_d_e_files_content.innerHTML += '<a  href="' + this.src + '#" target="_blank" class="w_d_e_link_image"  onclick="window.open(\'' + this.src + '\', \'_blank\');return false;">' + this.naturalWidth + 'x' + this.naturalHeight + 'px, ' + filename + '</a><br />';
                }
            }
            img.src = match[1];
        }
    });



    wde_get_styles();

});

/*
el_images = document.querySelectorAll('img');
list_images = [];
Array.prototype.forEach.call(el_images, function (el_image) {
    list_images.push(el_image.getAttribute("src"));
});
console.log(list_images);
*/


</script>

<style>

html,body {
  background: #fff;
}

.w_d_e_name
{
    background: rgba(255, 0, 0, 0.7);
    color: rgba(255, 255, 255, 0.7);
     position:absolute;
     top: 0px;
     left: 0px;
     font-size: 14px;
     padding:0px;margin:0px;
     z-index: 9999999;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.elementor-element.e-flex.e-parent > .w_d_e_name,
.elementor-section > .w_d_e_name
{
    background: #0000ffa1;
}

.elementor-column > .w_d_e_name
{
    background: #00800082;
}

.w_d_e_name.w_d_e_hint_open {
    z-index: 9999999;
}

.w_d_e_header a {
    text-decoration: none;
}

.w_d_e_header {
    box-sizing: border-box;
    font-family: sans-serif;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: #000;
    z-index: 10000000;
    padding: 10px 30px;
    -webkit-transform: translateY(-54px);
    transform: translateY(-54px);
    overflow: hidden;
}


html {
position: relative;
top: 54px;
}

.w_d_e_header .w_d_e_header_logo {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
}

.w_d_e_header .w_d_e_header_logo img {
    margin-right: 10px;
    max-width: 40px;
    max-height: 45px;
}

.w_d_e_header a {
    display: inline-block;
}

.w_d_e_header .w_d_e_header_right {
    margin: 0 -15px;
}

.w_d_e_header .w_d_e_header_right a {
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
}

.w_d_e_header .w_d_e_header_logo:hover,
.w_d_e_header .w_d_e_header_right a:hover {
    color: #cac6e3;
}

@media (max-width:767px) {
    .w_d_e_header .hide_mobile {
        display: none !important;
    }

}

@media (max-width:408px) {
    .w_d_e_header {
        height: 88px;
        -webkit-transform: translateY(-88px);
        transform: translateY(-88px);
    }

    html {
        -webkit-transform: translateY(88px) !important;
        transform: translateY(88px) !important;
    }
}

@media (max-width:360px) {
    .w_d_e_header {
        height: 122px;
        -webkit-transform: translateY(-122px);
        transform: translateY(-122px);
    }

    html {
        -webkit-transform: translateY(122px) !important;
        transform: translateY(122px) !important;
    }
}

@media (max-width:225px) {
    .w_d_e_header {
        height: 145px;
        -webkit-transform: translateY(-145px);
        transform: translateY(-145px);
    }

    html {
        -webkit-transform: translateY(145px) !important;
        transform: translateY(145px) !important;
    }
}

@media (max-width:172px) {
    .w_d_e_header {
        height: 170px;
        -webkit-transform: translateY(-170px);
        transform: translateY(-170px);
    }

    html {
        -webkit-transform: translateY(170px) !important;
        transform: translateY(170px) !important;
    }
}

html {
    position: relative;
}

.w_d_e_hidden {
    display: none !important;
}

.w_d_e_alert {
    font-family: sans-serif;
  position: relative;
  padding: .75rem 1.25rem;
  margin: 35px 0;
  border: 1px solid transparent;
  border-radius: .25rem;
  display: block;
}

.w_d_e_alert.w_d_e_alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

div.w_d_e_files
{
    background: white;
    color: black;
    position:absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    padding:0px;margin:0px;
    z-index: 99999999999;
}

p.w_d_e_link_image
{
    padding: 0px 10px;
    margin: 0px;
}


.w_d_e_name .w_d_e_el_hint {
   color: #fff;
   font-weight: 600;
   display: inline-block;
   position: relative;
   border: 1px solid #fff;
   border-radius: 10px;
   margin: 5px 5px;
   line-height: 17px;
   width: 20px;
   height: 20px;
   text-align: center;
   background: #ffffff3d;
   cursor: pointer;
}


.w_d_e_name .w_d_e_el_hint p {
    margin-bottom: 5px !important;
    position: relative;
    padding-right: 15px;
 }

.w_d_e_name .w_d_e_el_hint p a.copy_style {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    line-height: 17px;
    width: 15px;
    height: 15px;
    text-align: center;
    cursor: pointer;
    margin-left: 0;
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cHGhEELu9P6/0AAAC/SURBVDjL7ZQxCsIwFIa/1i4eQHoCvYLo6OIZHEQcxEVHJ2/QXUVKEcQ7uDgqujl7hNIDqGCpQyg0aWqJm+CX7T0+8ie8BLLYBDxINCvmhAtgSUKHAxMi8jh4bJmrZZcxRezxRYgsIWtKcACo4tFUZMGTHau8MKWPT6wRaiy5cFWFOmdmBRkGNLJCGiP5EFu6SRtD/sKvCZaZMKLFzURos2EB6bSWM/z60GKHiC49Xpq+S4VQVz4Sa7+XO778Ht5k0zR3o6RbmgAAAABJRU5ErkJggg==');
    background-position: center;
    background-size: contain;
 }

.w_d_e_name .w_d_e_el_hint p span.wde_color {
    color: #fff;
    font-weight: 600;
    display: inline-block;
    line-height: 17px;
    width: 15px;
    height: 15px;
    text-align: center;
    margin-left: 2px;
    vertical-align: bottom; 
    border: 1px solid #000; 
}

.w_d_e_name .w_d_e_el_copy_css {
   color: #fff;
   font-weight: 600;
   display: inline-block;
   position: relative;
   border-radius: 0;
   margin: 5px 5px;
   margin-left: 5px;
   line-height: 17px;
   width: 20px;
   height: 20px;
   text-align: center;
   cursor: pointer;
   margin-left: 0;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cHFg0gCeRHWpwAAAEGSURBVEjH7ZUxCsJAFERnYsBmbb2AYGdhmc4ikCqn8BIewSMpegW1sNQTBGzUFILsWCQGFWJWSArFaZZd/v+z87ZY4NvF1wPZwQCcTKBut7wrTYHxmDwcqgz85+HGgMsl0GoBm03tcaQgkCTZOK5rpv+8bbczBKeTM64CW5JA0ym97fbx2CtNU+CKIre7RhG4WMga8wbRaCRJ2foZLtk4znqDwCnBK65qRPe6vK/aoB79DT41uD/U8diIAblaQf0+uV43lACgt9s1iKh+/bTB5QIAUKfjNKmoy/tysbTeGgPu94DvQw6fD4dD4HoFej0yTSsT0DufoTAE5nM3GLMZFIaPw39DN97xb1SI733jAAAAAElFTkSuQmCC');
   background-position: center;
   background-size: contain;
   vertical-align: top;
   margin-top: 5px !important;
}

.w_d_e_name .w_d_e_el_hint_box {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 100%;
    padding: 5px 5px;
    font-size: 11px;
    text-align: left;
    color: #222;
    border: 1px solid #d7d7d7;
    max-height: 550px;
    overflow-x: auto;
    font-weight: 400;
    width: 300px;
}

.w_d_e_name .w_d_e_el_hint_box.right {
   right: 100%;
   left: initial;
}

.w_d_e_name .w_d_e_el_hint_box br {
   line-height: 30px;
}

.w_d_e_name .w_d_e_el_hint_box .opt {
   color: grey;
   font-weight: 400;
   display: inline-block;
   border-radius: 0px;
}
/*
.w_d_e_name .w_d_e_el_hint_box h2.wde_hint_header_hr {
    overflow: hidden;
    text-align: center;
    margin: 0;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin-bottom: 5px;
    font-weight: 500;
    color: grey;
}

.w_d_e_name .w_d_e_el_hint_box h2.wde_hint_header_hr:before,
.w_d_e_name .w_d_e_el_hint_box h2.wde_hint_header_hr:after {
  background-color: grey;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.w_d_e_name .w_d_e_el_hint_box h2.wde_hint_header_hr:before {
  right: 0.5em;
  margin-left: -50%;
}

.w_d_e_name .w_d_e_el_hint_box h2.wde_hint_header_hr:after {
  left: 0.5em;
  margin-right: -50%;
}
*/


.w_d_e_name .w_d_e_el_hint_box h2.wde_hint_header_hr {
    text-align: center;
    margin: 0;
    font-size: 14px;
    text-align: left;
    padding: 0;
    margin-top: 15px;
    font-weight: 600;
    color: #439a00;
    border-top: 1px solid grey;
    padding-top: 10px;
    margin-bottom: 5px;
}


.w_d_e_name .w_d_e_el_hint_box .wde_hint_header {
    margin: 0;
    font-size: 14px;
    color: #fff;
    padding: 3px 5px;
    margin-bottom: 5px; 
    background: red;
    background-image: repeating-linear-gradient( -45deg, #E03423 0, #E03423 3px, #E76154 1px, #E76154 10px );
    text-align: center;
    font-weight: 600;
}

.w_d_e_name .w_d_e_el_hint_box .w_d_e_hint_line {
    display: flex;
}

.w_d_e_name .w_d_e_el_hint_box .w_d_e_hint_line .opt {
    flex: 0 0 35%;
}

.w_d_e_name .w_d_e_el_hint_box .w_d_e_hint_line .value {
    flex: 1 2 auto;
}

.w_d_e_files_content a{
    color: #000;
}


/* wde_log_notify */

.wde_log_notify-box {
    position: fixed;
    z-index: 9999999;
    bottom: 10px;
    right: 10px;
}

.wde_log_notify {
    position: relative;
    background: #fffffff7;
    padding: 12px 15px;
    border-radius: 15px;
    width: 220px;
    box-shadow: 0px 1px 0px 0.25px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0 3px 2px rgba(0, 0, 0, 0.08);
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
    background: linear-gradient(to right, #5bc0de, #5bc0ded9);
    padding: 10px 15px;
    border-radius: 4px;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 0 !important;
}

.wde_log_notify.error {
    margin: 0;
    margin-bottom: 10px;
    background: #cf2a0e;
    padding: 12px 15px;
}

.wde_log_notify.loading {
    background: #5bc0de;
}

.wde_log_notify {
    display: block;
    margin-top: 10px;
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
}

.wde_log_notify.show {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

@media (max-width: 767px) {
    .wde_log_notify-box {
        bottom: 120px;
    }
}

/* end wde_log_notify */

</style>

<script>

var el_body = document.querySelector('body');
var el_html = '<div class="w_d_e_header">';
el_html += '<div class="w_d_e_header_left">';
el_html += '<a href="https://elementdetector.com/" class="w_d_e_header_logo"><img src="https://elementdetector.com/img/eelement-detector-logo-small.png"> <span class="hide_mobile">Back to Elementdetector</span></a>';
el_html += '</div>';
el_html += '<div class="w_d_e_header_right">';
el_html += '<a href="#" class="w_d_e_header_link hide_mobile" id="analyze_images_button">Analyze Images</a>';
el_html += '<a href="#" class="w_d_e_header_link hide_mobile" id="analyze_plugins_button">Elementor Plugins</a>';
el_html += '<a href="https://elementdetector.com/" class="w_d_e_header_link hide_mobile">ElementDetector</a>';
el_html += '<a href="https://wordpress.org/plugins/widget-detector-elementor/" class="w_d_e_header_link">Detector Plugin</a>';
el_html += '<a href="https://elementinvader.com/page/search-form" class="w_d_e_header_link">Template Marketplace</a>';
el_html += '</div>';
el_html += '</div>';
el_body.innerHTML= el_html+el_body.innerHTML;

var el_html = '<div class="w_d_e_files" id="w_d_e_files" style="display:none;">';
el_html += '<div class="w_d_e_files_content" id="w_d_e_files_content"></div>';
el_html += '<button id="w_d_e_close_image" >Close Images info</button>';
el_html += '</div>';
el_body.innerHTML= el_html+el_body.innerHTML;

var el_html = '<div class="w_d_e_files" id="w_d_e_plugins" style="display:none;">';
el_html += '<div class="w_d_e_files_content" id="w_d_e_plugins_content"></div>';
el_html += '<button id="w_d_e_close_plugins" >Close Plugins info</button>';
el_html += '</div>';
el_body.innerHTML= el_html+el_body.innerHTML;

/*
var el_body = document.querySelectorAll('.w_d_e_header');
if(el_body) {
    var h = el_body[0].getBoundingClientRect().height;
    document.documentElement.style.transform = "translateY("+h+"px)"; 
    el_body[0].style.transform = "translateY(-"+h+"px)";
}*/

document.getElementById("w_d_e_close_image").addEventListener("click", function() {
    document.getElementById("w_d_e_files").style.display = 'none';
}); 

document.getElementById("analyze_images_button").addEventListener("click", function() {
    document.getElementById("w_d_e_files").style.display = 'inline';
}); 

document.getElementById("w_d_e_close_plugins").addEventListener("click", function() {
    document.getElementById("w_d_e_plugins").style.display = 'none';
}); 

document.getElementById("analyze_plugins_button").addEventListener("click", function() {

    var w_d_e_plugins_content = document.getElementById('w_d_e_plugins_content');

    Array.prototype.forEach.call(document.querySelectorAll('span.w_d_e_name'), function (curr_element) {

        if (typeof curr_element == 'undefined' || curr_element == '')return;

        var plugin_name = 'Missing in our DB, try to google';
        
        if(curr_element.getAttribute('title') != null)
        {
            plugin_name = curr_element.getAttribute('title');
        }
        
        var elementText = curr_element.innerHTML.split('<')[0].trim();
        
        
        if (elementText == '')return;

        if(w_d_e_plugins_content.innerHTML.indexOf(elementText) > 0)
            return;

        w_d_e_plugins_content.innerHTML += '<p class="w_d_e_link_image">' + elementText + ', ' + plugin_name + '</p>';
    });

    document.getElementById("w_d_e_plugins").style.display = 'inline';
}); 


</script>