text: 
  // Tabs navigation resize
  
  window.addEventListener('resize', function(event) {
    total.forEach(function(item, i) {
      item.querySelector('.moving-tab').remove();
      var moving_div = document.createElement('div');
      var tab = item.querySelector(".nav-link.active").cloneNode();
      tab.innerHTML = "-";
  
      moving_div.classList.add('moving-tab', 'position-absolute', 'nav-link');
      moving_div.appendChild(tab);
  
      item.appendChild(moving_div);
  
      moving_div.style.padding = '0px';
      moving_div.style.transition = '.5s ease';
  
      let li = item.querySelector(".nav-link.active").parentElement;
  
      if (li) {
        let nodes = Array.from(li.closest('ul').children); // get array
        let index = nodes.indexOf(li) + 1;
  
        let sum = 0;
        if (item.classList.contains('flex-column')) {
          for (var j = 1; j <= nodes.indexOf(li); j++) {
            sum += item.querySelector('li:nth-child(' + j + ')').offsetHeight;
          }
          moving_div.style.transform = 'translate3d(0px,' + sum + 'px, 0px)';
          moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px';
          moving_div.style.height = item.querySelector('li:nth-child(' + j + ')').offsetHeight;
        } else {
          for (var j = 1; j <= nodes.indexOf(li); j++) {
            sum += item.querySelector('li:nth-child(' + j + ')').offsetWidth;
          }
          moving_div.style.transform = 'translate3d(' + sum + 'px, 0px, 0px)';
          moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px';
  
        }
      }
    });
  
    if (window.innerWidth < 991) {
      total.forEach(function(item, i) {
        if (!item.classList.contains('flex-column')) {
          item.classList.add('flex-column', 'on-resize');
        }
      });
    } else {
      total.forEach(function(item, i) {
        if (item.classList.contains('on-resize')) {
          item.classList.remove('flex-column', 'on-resize');
        }
      })
    }
  });
  
  
  function getEventTarget(e) {
    e = e || window.event;
    return e.target || e.srcElement;
  }
  
  // End tabs navigation
  
  
  //Set Sidebar Color
  function sidebarColor(a) {
    var parent = a.parentElement.children;
    var color = a.getAttribute("data-color");
  
    for (var i = 0; i < parent.length; i++) {
      parent[i].classList.remove('active');
    }
  
    if (!a.classList.contains('active')) {
      a.classList.add('active');
    } else {
      a.classList.remove('active');
    }
  
    var sidebar = document.querySelector('.sidenav');
    sidebar.setAttribute("data-color", color);
  
    var sidenavCard = document.querySelector('#sidenavCard');
    let sidenavCardClasses = ['card', 'card-background', 'shadow-none', 'card-background-mask-' + color];
    sidenavCard.className = '';
    sidenavCard.classList.add(...sidenavCardClasses);
  
    var sidenavCardIcon = document.querySelector('#sidenavCardIcon');
    let sidenavCardIconClasses = ['ni', 'ni-diamond', 'text-gradient', 'text-lg', 'top-0', 'text-' + color];
    sidenavCardIcon.className = '';
    sidenavCardIcon.classList.add(...sidenavCardIconClasses);
  
  }
  
  // Set Navbar Fixed
  function navbarFixed(el) {
    let classes = ['position-sticky', 'blur', 'shadow-blur', 'mt-4', 'left-auto', 'top-1', 'z-index-sticky'];
    const navbar = document.getElementById('navbarBlur');
  
    if (!el.getAttribute("checked")) {
      navbar.classList.add(...classes);
      navbar.setAttribute('navbar-scroll', 'true');
      navbarBlurOnScroll('navbarBlur');
      el.setAttribute("checked", "true");
    } else {
      navbar.classList.remove(...classes);
      navbar.setAttribute('navbar-scroll', 'false');
      navbarBlurOnScroll('navbarBlur');
      el.removeAttribute("checked");
    }
  };
  
  // Navbar blur on scroll
  function navbarBlurOnScroll(id) {
    const navbar = document.getElementById(id);
    let navbarScrollActive = navbar ? navbar.getAttribute("navbar-scroll") : false;
    let scrollDistance = 5;
    let classes = ['position-sticky', 'blur', 'shadow-blur', 'mt-4', 'left-auto', 'top-1', 'z-index-sticky'];
    let toggleClasses = ['shadow-none'];
  
    if (navbarScrollActive == 'true') {
      window.onscroll = debounce(function() {
        if (window.scrollY > scrollDistance) {
          blurNavbar();
        } else {
          transparentNavbar();
        }
      }, 10);
    } else {
      window.onscroll = debounce(function() {
        transparentNavbar();
      }, 10);
    }
  
    function blurNavbar() {
      navbar.classList.add(...classes)
      navbar.classList.remove(...toggleClasses)
  
      toggleNavLinksColor('blur');
    }
  
    function transparentNavbar() {
      navbar.classList.remove(...classes)
      navbar.classList.add(...toggleClasses)
  
      toggleNavLinksColor('transparent');
    }
  
    function toggleNavLinksColor(type) {
      let navLinks = document.querySelectorAll('.navbar-main .nav-link')
      let navLinksToggler = document.querySelectorAll('.navbar-main .sidenav-toggler-line')
  
      if (type === "blur") {
        navLinks.forEach(element => {
          element.classList.remove('text-body')
        });
  
        navLinksToggler.forEach(element => {
          element.classList.add('bg-dark')
        });
      } else if (type === "transparent") {
        navLinks.forEach(element => {
          element.classList.add('text-body')
        });
  
        navLinksToggler.forEach(element => {
          element.classList.remove('bg-dark')
        });
      }
    }
  }
  
  // Debounce Function
  // Returns a function, that, as long as it continues to be invoked, will not
  // be triggered. The function will be called after it stops being called for
  // N milliseconds. If `immediate` is passed, trigger the function on the
  // leading edge, instead of the trailing.
  function debounce(func, wait, immediate) {
    var timeout;
    return function() {
      var context = this,
        args = arguments;
      var later = function() {
        timeout = null;
        if (!immediate) func.apply(context, args);
      };
      var callNow = immediate && !timeout;
      clearTimeout(timeout);
      timeout = setTimeout(later, wait);
      if (callNow) func.apply(context, args);
    };
  };
  
  //Set Sidebar Type
  function sidebarType(a) {
    var parent = a.parentElement.children;
    var color = a.getAttribute("data-class");
  
    for (var i = 0; i < parent.length; i++) {
      parent[i].classList.remove('active');
    }
  
    if (!a.classList.contains('active')) {
      a.classList.add('active');
    } else {
      a.classList.remove('active');
    }
  
    var sidebar = document.querySelector('.sidenav');
    sidebar.classList.remove('bg-transparent');
    sidebar.classList.remove('bg-white');
  
    sidebar.classList.add(color);
  }
  
  
  // Toggle Sidenav
  const iconNavbarSidenav = document.getElementById('iconNavbarSidenav');
  const iconSidenav = document.getElementById('iconSidenav');
  const sidenav = document.getElementById('sidenav-main');
  let body = document.getElementsByTagName('body')[0];
  let className = 'g-sidenav-pinned';
  
  if (iconNavbarSidenav) {
    iconNavbarSidenav.addEventListener("click", toggleSidenav);
  }
  
  if (iconSidenav) {
    iconSidenav.addEventListener("click", toggleSidenav);
  }
  
  function toggleSidenav() {
    if (body.classList.contains(className)) {
      body.classList.remove(className);
      setTimeout(function() {
        sidenav.classList.remove('bg-white');
      }, 100);
      sidenav.classList.remove('bg-transparent');
  
    } else {
      body.classList.add(className);
      sidenav.classList.add('bg-white');
      sidenav.classList.remove('bg-transparent');
      iconSidenav.classList.remove('d-none');
    }
  }
  
  // Resize navbar color depends on configurator active type of sidenav
  
  let referenceButtons = document.querySelector('[data-class]');
  
  window.addEventListener("resize", navbarColorOnResize);
  
  function navbarColorOnResize() {
    if (window.innerWidth > 1200) {
      if (referenceButtons.classList.contains('active') && referenceButtons.getAttribute('data-class') === 'bg-transparent') {
        sidenav.classList.remove('bg-white');
      } else {
        sidenav.classList.add('bg-white');
      }
    } else {
      sidenav.classList.add('bg-white');
      sidenav.classList.remove('bg-transparent');
    }
  }
  
  // Deactivate sidenav type buttons on resize and small screens
  window.addEventListener("resize", sidenavTypeOnResize);
  window.addEventListener("load", sidenavTypeOnResize);
  
  function sidenavTypeOnResize() {
    let elements = document.querySelectorAll('[onclick="sidebarType(this)"]');
    if (window.innerWidth < 1200) {
      elements.forEach(function(el) {
        el.classList.add('disabled');
      });
    } else {
      elements.forEach(function(el) {
        el.classList.remove('disabled');
      });
    }
  }
  
  //message sidebar
  $("#btn_Message").click(function(){
  $(this).parent().parent().parent().parent().prev().toggle()
  //console.log($(this).parent().parent().parent().parent().prev().toggle())
  });
  
  
  //message sidebar close
  $("#btn_Message_close").click(function(){
    $(this).parent().parent().hide()
    //console.log($(this).parent().parent().parent().parent().prev().toggle())
    });