text: (function($) {
      // USE STRICT
      "use strict";
  
      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";
      var navbars = ['header', 'aside'];
      var  hrefSelector  =  'a:not([target="_blank"]):not([href^="#"]):not([class^="chosen-single"])';
      var linkElement = navbars.map(element => element + ' ' + hrefSelector).join(', ');
      $(".animsition").animsition({
          inClass: 'fade-in',
          outClass: 'fade-out',
          inDuration: 900,
          outDuration: 900,
          linkElement: linkElement,
          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);