text: 
  (function ($) {
    // USE STRICT
    "use strict";
  
    $(document).ready(function () {
      $('.popup-gallery').magnificPopup({
        delegate: 'a',
        type: 'image',
        tLoading: 'Loading image #%curr%...',
        mainClass: 'mfp-img-mobile',
        gallery: {
          enabled: true,
          navigateByImgClick: true,
          preload: [0, 1]
          // Will preload 0 - before current, and 1 after the current image
        },
        image: {
          tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
          titleSrc: function (item) {
            return item.el.attr('title') + '<small></small>';
          }
        }
      });
    });
  
    $(document).ready(function () {
  
      $('.image-popup-vertical-fit').magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        mainClass: 'mfp-img-mobile',
        image: {
          verticalFit: true
        }
  
      });
  
      $('.image-popup-fit-width').magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        image: {
          verticalFit: false
        }
      });
  
      $('.image-popup-no-margins').magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
        image: {
          verticalFit: true
        },
        zoom: {
          enabled: true,
          duration: 300 // don't foget to change the duration also in CSS
        }
      });
  
    });
  
  
  
  
    try {
      //WidgetChart 1
      var ctx = document.getElementById("widgetChart1");
      if (ctx) {
        ctx.height = 130;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
            type: 'line',
            datasets: [{
              data: [78, 81, 80, 45, 34, 12, 40],
              label: 'Dataset',
              backgroundColor: 'rgba(255,255,255,.1)',
              borderColor: 'rgba(255,255,255,.55)',
            },]
          },
          options: {
            maintainAspectRatio: true,
            legend: {
              display: false
            },
            layout: {
              padding: {
                left: 0,
                right: 0,
                top: 0,
                bottom: 0
              }
            },
            responsive: true,
            scales: {
              xAxes: [{
                gridLines: {
                  color: 'transparent',
                  zeroLineColor: 'transparent'
                },
                ticks: {
                  fontSize: 2,
                  fontColor: 'transparent'
                }
              }],
              yAxes: [{
                display: false,
                ticks: {
                  display: false,
                }
              }]
            },
            title: {
              display: false,
            },
            elements: {
              line: {
                borderWidth: 0
              },
              point: {
                radius: 0,
                hitRadius: 10,
                hoverRadius: 4
              }
            }
          }
        });
      }
  
  
      //WidgetChart 2
      var ctx = document.getElementById("widgetChart2");
      if (ctx) {
        ctx.height = 130;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June'],
            type: 'line',
            datasets: [{
              data: [1, 18, 9, 17, 34, 22],
              label: 'Dataset',
              backgroundColor: 'transparent',
              borderColor: 'rgba(255,255,255,.55)',
            },]
          },
          options: {
  
            maintainAspectRatio: false,
            legend: {
              display: false
            },
            responsive: true,
            tooltips: {
              mode: 'index',
              titleFontSize: 12,
              titleFontColor: '#000',
              bodyFontColor: '#000',
              backgroundColor: '#fff',
              titleFontFamily: 'Montserrat',
              bodyFontFamily: 'Montserrat',
              cornerRadius: 3,
              intersect: false,
            },
            scales: {
              xAxes: [{
                gridLines: {
                  color: 'transparent',
                  zeroLineColor: 'transparent'
                },
                ticks: {
                  fontSize: 2,
                  fontColor: 'transparent'
                }
              }],
              yAxes: [{
                display: false,
                ticks: {
                  display: false,
                }
              }]
            },
            title: {
              display: false,
            },
            elements: {
              line: {
                tension: 0.00001,
                borderWidth: 1
              },
              point: {
                radius: 4,
                hitRadius: 10,
                hoverRadius: 4
              }
            }
          }
        });
      }
  
  
      //WidgetChart 3
      var ctx = document.getElementById("widgetChart3");
      if (ctx) {
        ctx.height = 130;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June'],
            type: 'line',
            datasets: [{
              data: [65, 59, 84, 84, 51, 55],
              label: 'Dataset',
              backgroundColor: 'transparent',
              borderColor: 'rgba(255,255,255,.55)',
            },]
          },
          options: {
  
            maintainAspectRatio: false,
            legend: {
              display: false
            },
            responsive: true,
            tooltips: {
              mode: 'index',
              titleFontSize: 12,
              titleFontColor: '#000',
              bodyFontColor: '#000',
              backgroundColor: '#fff',
              titleFontFamily: 'Montserrat',
              bodyFontFamily: 'Montserrat',
              cornerRadius: 3,
              intersect: false,
            },
            scales: {
              xAxes: [{
                gridLines: {
                  color: 'transparent',
                  zeroLineColor: 'transparent'
                },
                ticks: {
                  fontSize: 2,
                  fontColor: 'transparent'
                }
              }],
              yAxes: [{
                display: false,
                ticks: {
                  display: false,
                }
              }]
            },
            title: {
              display: false,
            },
            elements: {
              line: {
                borderWidth: 1
              },
              point: {
                radius: 4,
                hitRadius: 10,
                hoverRadius: 4
              }
            }
          }
        });
      }
  
  
      //WidgetChart 4
      var ctx = document.getElementById("widgetChart4");
      if (ctx) {
        ctx.height = 115;
        var myChart = new Chart(ctx, {
          type: 'bar',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
            datasets: [
              {
                label: "My First dataset",
                data: [78, 81, 80, 65, 58, 75, 60, 75, 65, 60, 60, 75],
                borderColor: "transparent",
                borderWidth: "0",
                backgroundColor: "rgba(255,255,255,.3)"
              }
            ]
          },
          options: {
            maintainAspectRatio: true,
            legend: {
              display: false
            },
            scales: {
              xAxes: [{
                display: false,
                categoryPercentage: 1,
                barPercentage: 0.65
              }],
              yAxes: [{
                display: false
              }]
            }
          }
        });
      }
  
      // Recent Report
      const brandProduct = 'rgba(0,181,233,0.8)'
      const brandService = 'rgba(0,173,95,0.8)'
  
      var elements = 10
      var data1 = [52, 60, 55, 50, 65, 80, 57, 70, 105, 115]
      var data2 = [102, 70, 80, 100, 56, 53, 80, 75, 65, 90]
  
      var ctx = document.getElementById("recent-rep-chart");
      if (ctx) {
        ctx.height = 250;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', ''],
            datasets: [
              {
                label: 'My First dataset',
                backgroundColor: brandService,
                borderColor: 'transparent',
                pointHoverBackgroundColor: '#fff',
                borderWidth: 0,
                data: data1
  
              },
              {
                label: 'My Second dataset',
                backgroundColor: brandProduct,
                borderColor: 'transparent',
                pointHoverBackgroundColor: '#fff',
                borderWidth: 0,
                data: data2
  
              }
            ]
          },
          options: {
            maintainAspectRatio: true,
            legend: {
              display: false
            },
            responsive: true,
            scales: {
              xAxes: [{
                gridLines: {
                  drawOnChartArea: true,
                  color: '#f2f2f2'
                },
                ticks: {
                  fontFamily: "Poppins",
                  fontSize: 12
                }
              }],
              yAxes: [{
                ticks: {
                  beginAtZero: true,
                  maxTicksLimit: 5,
                  stepSize: 50,
                  max: 150,
                  fontFamily: "Poppins",
                  fontSize: 12
                },
                gridLines: {
                  display: true,
                  color: '#f2f2f2'
  
                }
              }]
            },
            elements: {
              point: {
                radius: 0,
                hitRadius: 10,
                hoverRadius: 4,
                hoverBorderWidth: 3
              }
            }
  
  
          }
        });
      }
  
      // Percent Chart
      var ctx = document.getElementById("percent-chart");
      if (ctx) {
        ctx.height = 280;
        var myChart = new Chart(ctx, {
          type: 'doughnut',
          data: {
            datasets: [
              {
                label: "My First dataset",
                data: [60, 40],
                backgroundColor: [
                  '#00b5e9',
                  '#fa4251'
                ],
                hoverBackgroundColor: [
                  '#00b5e9',
                  '#fa4251'
                ],
                borderWidth: [
                  0, 0
                ],
                hoverBorderColor: [
                  'transparent',
                  'transparent'
                ]
              }
            ],
            labels: [
              'Products',
              'Services'
            ]
          },
          options: {
            maintainAspectRatio: false,
            responsive: true,
            cutoutPercentage: 55,
            animation: {
              animateScale: true,
              animateRotate: true
            },
            legend: {
              display: false
            },
            tooltips: {
              titleFontFamily: "Poppins",
              xPadding: 15,
              yPadding: 10,
              caretPadding: 0,
              bodyFontSize: 16
            }
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
  
  
    try {
  
      // Recent Report 2
      const bd_brandProduct2 = 'rgba(0,181,233,0.9)'
      const bd_brandService2 = 'rgba(0,173,95,0.9)'
      const brandProduct2 = 'rgba(0,181,233,0.2)'
      const brandService2 = 'rgba(0,173,95,0.2)'
  
      var data3 = [52, 60, 55, 50, 65, 80, 57, 70, 105, 115]
      var data4 = [102, 70, 80, 100, 56, 53, 80, 75, 65, 90]
  
      var ctx = document.getElementById("recent-rep2-chart");
      if (ctx) {
        ctx.height = 230;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', ''],
            datasets: [
              {
                label: 'My First dataset',
                backgroundColor: brandService2,
                borderColor: bd_brandService2,
                pointHoverBackgroundColor: '#fff',
                borderWidth: 0,
                data: data3
  
              },
              {
                label: 'My Second dataset',
                backgroundColor: brandProduct2,
                borderColor: bd_brandProduct2,
                pointHoverBackgroundColor: '#fff',
                borderWidth: 0,
                data: data4
  
              }
            ]
          },
          options: {
            maintainAspectRatio: true,
            legend: {
              display: false
            },
            responsive: true,
            scales: {
              xAxes: [{
                gridLines: {
                  drawOnChartArea: true,
                  color: '#f2f2f2'
                },
                ticks: {
                  fontFamily: "Poppins",
                  fontSize: 12
                }
              }],
              yAxes: [{
                ticks: {
                  beginAtZero: true,
                  maxTicksLimit: 5,
                  stepSize: 50,
                  max: 150,
                  fontFamily: "Poppins",
                  fontSize: 12
                },
                gridLines: {
                  display: true,
                  color: '#f2f2f2'
  
                }
              }]
            },
            elements: {
              point: {
                radius: 0,
                hitRadius: 10,
                hoverRadius: 4,
                hoverBorderWidth: 3
              },
              line: {
                tension: 0
              }
            }
  
  
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
  
    try {
  
      // Recent Report 3
      const bd_brandProduct3 = 'rgba(0,181,233,0.9)';
      const bd_brandService3 = 'rgba(0,173,95,0.9)';
      const brandProduct3 = 'transparent';
      const brandService3 = 'transparent';
  
      var data5 = [52, 60, 55, 50, 65, 80, 57, 115];
      var data6 = [102, 70, 80, 100, 56, 53, 80, 90];
  
      var ctx = document.getElementById("recent-rep3-chart");
      if (ctx) {
        ctx.height = 230;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', ''],
            datasets: [
              {
                label: 'My First dataset',
                backgroundColor: brandService3,
                borderColor: bd_brandService3,
                pointHoverBackgroundColor: '#fff',
                borderWidth: 0,
                data: data5,
                pointBackgroundColor: bd_brandService3
              },
              {
                label: 'My Second dataset',
                backgroundColor: brandProduct3,
                borderColor: bd_brandProduct3,
                pointHoverBackgroundColor: '#fff',
                borderWidth: 0,
                data: data6,
                pointBackgroundColor: bd_brandProduct3
  
              }
            ]
          },
          options: {
            maintainAspectRatio: false,
            legend: {
              display: false
            },
            responsive: true,
            scales: {
              xAxes: [{
                gridLines: {
                  drawOnChartArea: true,
                  color: '#f2f2f2'
                },
                ticks: {
                  fontFamily: "Poppins",
                  fontSize: 12
                }
              }],
              yAxes: [{
                ticks: {
                  beginAtZero: true,
                  maxTicksLimit: 5,
                  stepSize: 50,
                  max: 150,
                  fontFamily: "Poppins",
                  fontSize: 12
                },
                gridLines: {
                  display: false,
                  color: '#f2f2f2'
                }
              }]
            },
            elements: {
              point: {
                radius: 3,
                hoverRadius: 4,
                hoverBorderWidth: 3,
                backgroundColor: '#333'
              }
            }
  
  
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    try {
      //WidgetChart 5
      var ctx = document.getElementById("widgetChart5");
      if (ctx) {
        ctx.height = 220;
        var myChart = new Chart(ctx, {
          type: 'bar',
          data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
            datasets: [
              {
                label: "My First dataset",
                data: [78, 81, 80, 64, 65, 80, 70, 75, 67, 85, 66, 68],
                borderColor: "transparent",
                borderWidth: "0",
                backgroundColor: "#ccc",
              }
            ]
          },
          options: {
            maintainAspectRatio: true,
            legend: {
              display: false
            },
            scales: {
              xAxes: [{
                display: false,
                categoryPercentage: 1,
                barPercentage: 0.65
              }],
              yAxes: [{
                display: false
              }]
            }
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    try {
  
      // Percent Chart 2
      var ctx = document.getElementById("percent-chart2");
      if (ctx) {
        ctx.height = 209;
        var myChart = new Chart(ctx, {
          type: 'doughnut',
          data: {
            datasets: [
              {
                label: "My First dataset",
                data: [60, 40],
                backgroundColor: [
                  '#00b5e9',
                  '#fa4251'
                ],
                hoverBackgroundColor: [
                  '#00b5e9',
                  '#fa4251'
                ],
                borderWidth: [
                  0, 0
                ],
                hoverBorderColor: [
                  'transparent',
                  'transparent'
                ]
              }
            ],
            labels: [
              'Products',
              'Services'
            ]
          },
          options: {
            maintainAspectRatio: false,
            responsive: true,
            cutoutPercentage: 87,
            animation: {
              animateScale: true,
              animateRotate: true
            },
            legend: {
              display: false,
              position: 'bottom',
              labels: {
                fontSize: 14,
                fontFamily: "Poppins,sans-serif"
              }
  
            },
            tooltips: {
              titleFontFamily: "Poppins",
              xPadding: 15,
              yPadding: 10,
              caretPadding: 0,
              bodyFontSize: 16,
            }
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    try {
      //Sales chart
      var ctx = document.getElementById("sales-chart");
      if (ctx) {
        ctx.height = 150;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"],
            type: 'line',
            defaultFontFamily: 'Poppins',
            datasets: [{
              label: "Foods",
              data: [0, 30, 10, 120, 50, 63, 10],
              backgroundColor: 'transparent',
              borderColor: 'rgba(220,53,69,0.75)',
              borderWidth: 3,
              pointStyle: 'circle',
              pointRadius: 5,
              pointBorderColor: 'transparent',
              pointBackgroundColor: 'rgba(220,53,69,0.75)',
            }, {
              label: "Electronics",
              data: [0, 50, 40, 80, 40, 79, 120],
              backgroundColor: 'transparent',
              borderColor: 'rgba(40,167,69,0.75)',
              borderWidth: 3,
              pointStyle: 'circle',
              pointRadius: 5,
              pointBorderColor: 'transparent',
              pointBackgroundColor: 'rgba(40,167,69,0.75)',
            }]
          },
          options: {
            responsive: true,
            tooltips: {
              mode: 'index',
              titleFontSize: 12,
              titleFontColor: '#000',
              bodyFontColor: '#000',
              backgroundColor: '#fff',
              titleFontFamily: 'Poppins',
              bodyFontFamily: 'Poppins',
              cornerRadius: 3,
              intersect: false,
            },
            legend: {
              display: false,
              labels: {
                usePointStyle: true,
                fontFamily: 'Poppins',
              },
            },
            scales: {
              xAxes: [{
                display: true,
                gridLines: {
                  display: false,
                  drawBorder: false
                },
                scaleLabel: {
                  display: false,
                  labelString: 'Month'
                },
                ticks: {
                  fontFamily: "Poppins"
                }
              }],
              yAxes: [{
                display: true,
                gridLines: {
                  display: false,
                  drawBorder: false
                },
                scaleLabel: {
                  display: true,
                  labelString: 'Value',
                  fontFamily: "Poppins"
  
                },
                ticks: {
                  fontFamily: "Poppins"
                }
              }]
            },
            title: {
              display: false,
              text: 'Normal Legend'
            }
          }
        });
      }
  
  
    } catch (error) {
      console.log(error);
    }
  
    try {
  
      //Team chart
      var ctx = document.getElementById("team-chart");
      if (ctx) {
        ctx.height = 150;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"],
            type: 'line',
            defaultFontFamily: 'Poppins',
            datasets: [{
              data: [0, 7, 3, 5, 2, 10, 7],
              label: "Expense",
              backgroundColor: 'rgba(0,103,255,.15)',
              borderColor: 'rgba(0,103,255,0.5)',
              borderWidth: 3.5,
              pointStyle: 'circle',
              pointRadius: 5,
              pointBorderColor: 'transparent',
              pointBackgroundColor: 'rgba(0,103,255,0.5)',
            },]
          },
          options: {
            responsive: true,
            tooltips: {
              mode: 'index',
              titleFontSize: 12,
              titleFontColor: '#000',
              bodyFontColor: '#000',
              backgroundColor: '#fff',
              titleFontFamily: 'Poppins',
              bodyFontFamily: 'Poppins',
              cornerRadius: 3,
              intersect: false,
            },
            legend: {
              display: false,
              position: 'top',
              labels: {
                usePointStyle: true,
                fontFamily: 'Poppins',
              },
  
  
            },
            scales: {
              xAxes: [{
                display: true,
                gridLines: {
                  display: false,
                  drawBorder: false
                },
                scaleLabel: {
                  display: false,
                  labelString: 'Month'
                },
                ticks: {
                  fontFamily: "Poppins"
                }
              }],
              yAxes: [{
                display: true,
                gridLines: {
                  display: false,
                  drawBorder: false
                },
                scaleLabel: {
                  display: true,
                  labelString: 'Value',
                  fontFamily: "Poppins"
                },
                ticks: {
                  fontFamily: "Poppins"
                }
              }]
            },
            title: {
              display: false,
            }
          }
        });
      }
  
  
    } catch (error) {
      console.log(error);
    }
  
    try {
      //bar chart
      var ctx = document.getElementById("barChart");
      if (ctx) {
        ctx.height = 200;
        var myChart = new Chart(ctx, {
          type: 'bar',
          defaultFontFamily: 'Poppins',
          data: {
            labels: ["January", "February", "March", "April", "May", "June", "July"],
            datasets: [
              {
                label: "My First dataset",
                data: [65, 59, 80, 81, 56, 55, 40],
                borderColor: "rgba(0, 123, 255, 0.9)",
                borderWidth: "0",
                backgroundColor: "rgba(0, 123, 255, 0.5)",
                fontFamily: "Poppins"
              },
              {
                label: "My Second dataset",
                data: [28, 48, 40, 19, 86, 27, 90],
                borderColor: "rgba(0,0,0,0.09)",
                borderWidth: "0",
                backgroundColor: "rgba(0,0,0,0.07)",
                fontFamily: "Poppins"
              }
            ]
          },
          options: {
            legend: {
              position: 'top',
              labels: {
                fontFamily: 'Poppins'
              }
  
            },
            scales: {
              xAxes: [{
                ticks: {
                  fontFamily: "Poppins"
  
                }
              }],
              yAxes: [{
                ticks: {
                  beginAtZero: true,
                  fontFamily: "Poppins"
                }
              }]
            }
          }
        });
      }
  
  
    } catch (error) {
      console.log(error);
    }
  
    try {
  
      //radar chart
      var ctx = document.getElementById("radarChart");
      if (ctx) {
        ctx.height = 200;
        var myChart = new Chart(ctx, {
          type: 'radar',
          data: {
            labels: [["Eating", "Dinner"], ["Drinking", "Water"], "Sleeping", ["Designing", "Graphics"], "Coding", "Cycling", "Running"],
            defaultFontFamily: 'Poppins',
            datasets: [
              {
                label: "My First dataset",
                data: [65, 59, 66, 45, 56, 55, 40],
                borderColor: "rgba(0, 123, 255, 0.6)",
                borderWidth: "1",
                backgroundColor: "rgba(0, 123, 255, 0.4)"
              },
              {
                label: "My Second dataset",
                data: [28, 12, 40, 19, 63, 27, 87],
                borderColor: "rgba(0, 123, 255, 0.7",
                borderWidth: "1",
                backgroundColor: "rgba(0, 123, 255, 0.5)"
              }
            ]
          },
          options: {
            legend: {
              position: 'top',
              labels: {
                fontFamily: 'Poppins'
              }
  
            },
            scale: {
              ticks: {
                beginAtZero: true,
                fontFamily: "Poppins"
              }
            }
          }
        });
      }
  
    } catch (error) {
      console.log(error)
    }
  
    try {
  
      //line chart
      var ctx = document.getElementById("lineChart");
      if (ctx) {
        ctx.height = 150;
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ["January", "February", "March", "April", "May", "June", "July"],
            defaultFontFamily: "Poppins",
            datasets: [
              {
                label: "My First dataset",
                borderColor: "rgba(0,0,0,.09)",
                borderWidth: "1",
                backgroundColor: "rgba(0,0,0,.07)",
                data: [22, 44, 67, 43, 76, 45, 12]
              },
              {
                label: "My Second dataset",
                borderColor: "rgba(0, 123, 255, 0.9)",
                borderWidth: "1",
                backgroundColor: "rgba(0, 123, 255, 0.5)",
                pointHighlightStroke: "rgba(26,179,148,1)",
                data: [16, 32, 18, 26, 42, 33, 44]
              }
            ]
          },
          options: {
            legend: {
              position: 'top',
              labels: {
                fontFamily: 'Poppins'
              }
  
            },
            responsive: true,
            tooltips: {
              mode: 'index',
              intersect: false
            },
            hover: {
              mode: 'nearest',
              intersect: true
            },
            scales: {
              xAxes: [{
                ticks: {
                  fontFamily: "Poppins"
  
                }
              }],
              yAxes: [{
                ticks: {
                  beginAtZero: true,
                  fontFamily: "Poppins"
                }
              }]
            }
  
          }
        });
      }
  
  
    } catch (error) {
      console.log(error);
    }
  
  
    try {
  
      //doughut chart
      var ctx = document.getElementById("doughutChart");
      if (ctx) {
        ctx.height = 150;
        var myChart = new Chart(ctx, {
          type: 'doughnut',
          data: {
            datasets: [{
              data: [45, 25, 20, 10],
              backgroundColor: [
                "rgba(0, 123, 255,0.9)",
                "rgba(0, 123, 255,0.7)",
                "rgba(0, 123, 255,0.5)",
                "rgba(0,0,0,0.07)"
              ],
              hoverBackgroundColor: [
                "rgba(0, 123, 255,0.9)",
                "rgba(0, 123, 255,0.7)",
                "rgba(0, 123, 255,0.5)",
                "rgba(0,0,0,0.07)"
              ]
  
            }],
            labels: [
              "Green",
              "Green",
              "Green",
              "Green"
            ]
          },
          options: {
            legend: {
              position: 'top',
              labels: {
                fontFamily: 'Poppins'
              }
  
            },
            responsive: true
          }
        });
      }
  
  
    } catch (error) {
      console.log(error);
    }
  
  
    try {
  
      //pie chart
      var ctx = document.getElementById("pieChart");
      if (ctx) {
        ctx.height = 200;
        var myChart = new Chart(ctx, {
          type: 'pie',
          data: {
            datasets: [{
              data: [45, 25, 20, 10],
              backgroundColor: [
                "rgba(0, 123, 255,0.9)",
                "rgba(0, 123, 255,0.7)",
                "rgba(0, 123, 255,0.5)",
                "rgba(0,0,0,0.07)"
              ],
              hoverBackgroundColor: [
                "rgba(0, 123, 255,0.9)",
                "rgba(0, 123, 255,0.7)",
                "rgba(0, 123, 255,0.5)",
                "rgba(0,0,0,0.07)"
              ]
  
            }],
            labels: [
              "Green",
              "Green",
              "Green"
            ]
          },
          options: {
            legend: {
              position: 'top',
              labels: {
                fontFamily: 'Poppins'
              }
  
            },
            responsive: true
          }
        });
      }
  
  
    } catch (error) {
      console.log(error);
    }
  
    try {
  
      // polar chart
      var ctx = document.getElementById("polarChart");
      if (ctx) {
        ctx.height = 200;
        var myChart = new Chart(ctx, {
          type: 'polarArea',
          data: {
            datasets: [{
              data: [15, 18, 9, 6, 19],
              backgroundColor: [
                "rgba(0, 123, 255,0.9)",
                "rgba(0, 123, 255,0.8)",
                "rgba(0, 123, 255,0.7)",
                "rgba(0,0,0,0.2)",
                "rgba(0, 123, 255,0.5)"
              ]
  
            }],
            labels: [
              "Green",
              "Green",
              "Green",
              "Green"
            ]
          },
          options: {
            legend: {
              position: 'top',
              labels: {
                fontFamily: 'Poppins'
              }
  
            },
            responsive: true
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    try {
  
      // single bar chart
      var ctx = document.getElementById("singelBarChart");
      if (ctx) {
        ctx.height = 150;
        var myChart = new Chart(ctx, {
          type: 'bar',
          data: {
            labels: ["Sun", "Mon", "Tu", "Wed", "Th", "Fri", "Sat"],
            datasets: [
              {
                label: "My First dataset",
                data: [40, 55, 75, 81, 56, 55, 40],
                borderColor: "rgba(0, 123, 255, 0.9)",
                borderWidth: "0",
                backgroundColor: "rgba(0, 123, 255, 0.5)"
              }
            ]
          },
          options: {
            legend: {
              position: 'top',
              labels: {
                fontFamily: 'Poppins'
              }
  
            },
            scales: {
              xAxes: [{
                ticks: {
                  fontFamily: "Poppins"
  
                }
              }],
              yAxes: [{
                ticks: {
                  beginAtZero: true,
                  fontFamily: "Poppins"
                }
              }]
            }
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
  })(jQuery);
  
  
  
  (function ($) {
    // USE STRICT
    "use strict";
    $(".animsition").animsition({
      inClass: 'fade-in',
      outClass: 'fade-out',
      inDuration: 900,
      outDuration: 900,
      linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([class^="chosen-single"])',
      loading: true,
      loadingParentElement: 'html',
      loadingClass: 'page-loader',
      loadingInner: '<div class="page-loader__spin"></div>',
      timeout: false,
      timeoutCountdown: 5000,
      onLoadEvent: true,
      browser: ['animation-duration', '-webkit-animation-duration'],
      overlay: false,
      overlayClass: 'animsition-overlay-slide',
      overlayParentElement: 'html',
      transition: function (url) {
        window.location.href = url;
      }
    });
  
  
  })(jQuery);
  (function ($) {
    // USE STRICT
    "use strict";
  
    // Map
    try {
  
      var vmap = $('#vmap');
      if (vmap[0]) {
        vmap.vectorMap({
          map: 'world_en',
          backgroundColor: null,
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#1de9b6',
          enableZoom: true,
          showTooltip: true,
          values: sample_data,
          scaleColors: ['#1de9b6', '#03a9f5'],
          normalizeFunction: 'polynomial'
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    // Europe Map
    try {
  
      var vmap1 = $('#vmap1');
      if (vmap1[0]) {
        vmap1.vectorMap({
          map: 'europe_en',
          color: '#007BFF',
          borderColor: '#fff',
          backgroundColor: '#fff',
          enableZoom: true,
          showTooltip: true
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    // USA Map
    try {
  
      var vmap2 = $('#vmap2');
  
      if (vmap2[0]) {
        vmap2.vectorMap({
          map: 'usa_en',
          color: '#007BFF',
          borderColor: '#fff',
          backgroundColor: '#fff',
          enableZoom: true,
          showTooltip: true,
          selectedColor: null,
          hoverColor: null,
          colors: {
            mo: '#001BFF',
            fl: '#001BFF',
            or: '#001BFF'
          },
          onRegionClick: function (event, code, region) {
            event.preventDefault();
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    // Germany Map
    try {
  
      var vmap3 = $('#vmap3');
      if (vmap3[0]) {
        vmap3.vectorMap({
          map: 'germany_en',
          color: '#007BFF',
          borderColor: '#fff',
          backgroundColor: '#fff',
          onRegionClick: function (element, code, region) {
            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
  
            alert(message);
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    // France Map
    try {
  
      var vmap4 = $('#vmap4');
      if (vmap4[0]) {
        vmap4.vectorMap({
          map: 'france_fr',
          color: '#007BFF',
          borderColor: '#fff',
          backgroundColor: '#fff',
          enableZoom: true,
          showTooltip: true
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  
    // Russia Map
    try {
      var vmap5 = $('#vmap5');
      if (vmap5[0]) {
        vmap5.vectorMap({
          map: 'russia_en',
          color: '#007BFF',
          borderColor: '#fff',
          backgroundColor: '#fff',
          hoverOpacity: 0.7,
          selectedColor: '#999999',
          enableZoom: true,
          showTooltip: true,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial'
        });
      }
  
  
    } catch (error) {
      console.log(error);
    }
  
    // Brazil Map
    try {
  
      var vmap6 = $('#vmap6');
      if (vmap6[0]) {
        vmap6.vectorMap({
          map: 'brazil_br',
          color: '#007BFF',
          borderColor: '#fff',
          backgroundColor: '#fff',
          onRegionClick: function (element, code, region) {
            var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
            alert(message);
          }
        });
      }
  
    } catch (error) {
      console.log(error);
    }
  })(jQuery);
  (function ($) {
    // Use Strict
    "use strict";
    try {
      var progressbarSimple = $('.js-progressbar-simple');
      progressbarSimple.each(function () {
        var that = $(this);
        var executed = false;
        $(window).on('load', function () {
  
          that.waypoint(function () {
            if (!executed) {
              executed = true;
              /*progress bar*/
              that.progressbar({
                update: function (current_percentage, $this) {
                  $this.find('.js-value').html(current_percentage + '%');
                }
              });
            }
          }, {
              offset: 'bottom-in-view'
            });
  
        });
      });
    } catch (err) {
      console.log(err);
    }
  })(jQuery);
  (function ($) {
    // USE STRICT
    "use strict";
  
    // Scroll Bar
    try {
      var jscr1 = $('.js-scrollbar1');
      if (jscr1[0]) {
        const ps1 = new PerfectScrollbar('.js-scrollbar1');
      }
  
      var jscr2 = $('.js-scrollbar2');
      if (jscr2[0]) {
        const ps2 = new PerfectScrollbar('.js-scrollbar2');
  
      }
  
    } catch (error) {
      console.log(error);
    }
  
  })(jQuery);
  (function ($) {
    // USE STRICT
    "use strict";
  
    // Select 2
    try {
  
      $(".js-select2").each(function () {
        $(this).select2({
          minimumResultsForSearch: 20,
          dropdownParent: $(this).next('.dropDownSelect2')
        });
      });
  
    } catch (error) {
      console.log(error);
    }
  
  
  })(jQuery);
  (function ($) {
    // USE STRICT
    "use strict";
  
    // Dropdown 
    try {
      var menu = $('.js-item-menu');
      var sub_menu_is_showed = -1;
  
      for (var i = 0; i < menu.length; i++) {
        $(menu[i]).on('click', function (e) {
          e.preventDefault();
          $('.js-right-sidebar').removeClass("show-sidebar");
          if (jQuery.inArray(this, menu) == sub_menu_is_showed) {
            $(this).toggleClass('show-dropdown');
            sub_menu_is_showed = -1;
          }
          else {
            for (var i = 0; i < menu.length; i++) {
              $(menu[i]).removeClass("show-dropdown");
            }
            $(this).toggleClass('show-dropdown');
            sub_menu_is_showed = jQuery.inArray(this, menu);
          }
        });
      }
      $(".js-item-menu, .js-dropdown").click(function (event) {
        event.stopPropagation();
      });
  
      $("body,html").on("click", function () {
        for (var i = 0; i < menu.length; i++) {
          menu[i].classList.remove("show-dropdown");
        }
        sub_menu_is_showed = -1;
      });
  
    } catch (error) {
      console.log(error);
    }
  
    var wW = $(window).width();
    // Right Sidebar
    var right_sidebar = $('.js-right-sidebar');
    var sidebar_btn = $('.js-sidebar-btn');
  
    sidebar_btn.on('click', function (e) {
      e.preventDefault();
      for (var i = 0; i < menu.length; i++) {
        menu[i].classList.remove("show-dropdown");
      }
      sub_menu_is_showed = -1;
      right_sidebar.toggleClass("show-sidebar");
    });
  
    $(".js-right-sidebar, .js-sidebar-btn").click(function (event) {
      event.stopPropagation();
    });
  
    $("body,html").on("click", function () {
      right_sidebar.removeClass("show-sidebar");
  
    });
  
  
    // Sublist Sidebar
    try {
      var arrow = $('.js-arrow');
      arrow.each(function () {
        var that = $(this);
        that.on('click', function (e) {
          e.preventDefault();
          that.find(".arrow").toggleClass("up");
          that.toggleClass("open");
          that.parent().find('.js-sub-list').slideToggle("250");
        });
      });
  
    } catch (error) {
      console.log(error);
    }
  
  
    try {
      // Hamburger Menu
      $('.hamburger').on('click', function () {
        $(this).toggleClass('is-active');
        $('.navbar-mobile').slideToggle('500');
      });
      $('.navbar-mobile__list li.has-dropdown > a').on('click', function () {
        var dropdown = $(this).siblings('ul.navbar-mobile__dropdown');
        $(this).toggleClass('active');
        $(dropdown).slideToggle('500');
        return false;
      });
    } catch (error) {
      console.log(error);
    }
  })(jQuery);
  (function ($) {
    // USE STRICT
    "use strict";
  
    // Load more
    try {
      var list_load = $('.js-list-load');
      if (list_load[0]) {
        list_load.each(function () {
          var that = $(this);
          that.find('.js-load-item').hide();
          var load_btn = that.find('.js-load-btn');
          load_btn.on('click', function (e) {
            $(this).text("Loading...").delay(1500).queue(function (next) {
              $(this).hide();
              that.find(".js-load-item").fadeToggle("slow", 'swing');
            });
            e.preventDefault();
          });
        })
  
      }
    } catch (error) {
      console.log(error);
    }
  
  })(jQuery);
  (function ($) {
    // USE STRICT
    "use strict";
  
    try {
  
      $('[data-toggle="tooltip"]').tooltip();
  
    } catch (error) {
      console.log(error);
    }
  
    // Chatbox
    try {
      var inbox_wrap = $('.js-inbox');
      var message = $('.au-message__item');
      message.each(function () {
        var that = $(this);
  
        that.on('click', function () {
          $(this).parent().parent().parent().toggleClass('show-chat-box');
        });
      });
  
  
    } catch (error) {
      console.log(error);
    }
  
  })(jQuery);