Update project from local

.air copy.toml

@@ -1,44 +1,44 @@
-root = "."
-testdata_dir = "testdata"
-tmp_dir = "tmp"
-
-[build]
-  args_bin = []
-  bin = "./tmp/main"
-  cmd = "go build -o ./tmp/main ./cmd/main.go"
-  delay = 1000
-  exclude_dir = ["assets", "tmp", "vendor", "testdata"]
-  exclude_file = []
-  exclude_regex = ["_test.go"]
-  exclude_unchanged = false
-  follow_symlink = false
-  full_bin = ""
-  include_dir = []
-  include_ext = ["go", "tpl", "tmpl", "html"]
-  include_file = []
-  kill_delay = "10s"
-  log = "build-errors.log"
-  poll = false
-  poll_interval = 0
-  rerun = false
-  rerun_delay = 500
-  send_interrupt = false
-  stop_on_error = false
-
-[color]
-  app = ""
-  build = "yellow"
-  main = "magenta"
-  runner = "green"
-  watcher = "cyan"
-
-[log]
-  main_only = false
-  time = false
-
-[misc]
-  clean_on_exit = false
-
-[screen]
-  clear_on_rebuild = false
-  keep_scroll = true
+root = "."
+testdata_dir = "testdata"
+tmp_dir = "tmp"
+
+[build]
+  args_bin = []
+  bin = "./tmp/main"
+  cmd = "go build -o ./tmp/main ./cmd/main.go"
+  delay = 1000
+  exclude_dir = ["assets", "tmp", "vendor", "testdata"]
+  exclude_file = []
+  exclude_regex = ["_test.go"]
+  exclude_unchanged = false
+  follow_symlink = false
+  full_bin = ""
+  include_dir = []
+  include_ext = ["go", "tpl", "tmpl", "html"]
+  include_file = []
+  kill_delay = "10s"
+  log = "build-errors.log"
+  poll = false
+  poll_interval = 0
+  rerun = false
+  rerun_delay = 500
+  send_interrupt = false
+  stop_on_error = false
+
+[color]
+  app = ""
+  build = "yellow"
+  main = "magenta"
+  runner = "green"
+  watcher = "cyan"
+
+[log]
+  main_only = false
+  time = false
+
+[misc]
+  clean_on_exit = false
+
+[screen]
+  clear_on_rebuild = false
+  keep_scroll = true

.air.toml

@@ -1,44 +1,44 @@
-root = "."
-testdata_dir = "testdata"
-tmp_dir = "tmp"
-
-[build]
-  args_bin = []
-  bin = "./tmp/main.exe"
-  cmd = "go build -o ./tmp/main.exe ./cmd/main.go"
-  delay = 1000
-  exclude_dir = ["assets", "tmp", "vendor", "testdata"]
-  exclude_file = []
-  exclude_regex = ["_test.go"]
-  exclude_unchanged = false
-  follow_symlink = false
-  full_bin = ""
-  include_dir = []
-  include_ext = ["go", "tpl", "tmpl", "html"]
-  include_file = []
-  kill_delay = "10s"
-  log = "build-errors.log"
-  poll = false
-  poll_interval = 0
-  rerun = false
-  rerun_delay = 500
-  send_interrupt = false
-  stop_on_error = false
-
-[color]
-  app = ""
-  build = "yellow"
-  main = "magenta"
-  runner = "green"
-  watcher = "cyan"
-
-[log]
-  main_only = false
-  time = false
-
-[misc]
-  clean_on_exit = false
-
-[screen]
-  clear_on_rebuild = false
-  keep_scroll = true
+root = "."
+testdata_dir = "testdata"
+tmp_dir = "tmp"
+
+[build]
+  args_bin = []
+  bin = "./tmp/main.exe"
+  cmd = "go build -o ./tmp/main.exe ./cmd/main.go"
+  delay = 1000
+  exclude_dir = ["assets", "tmp", "vendor", "testdata"]
+  exclude_file = []
+  exclude_regex = ["_test.go"]
+  exclude_unchanged = false
+  follow_symlink = false
+  full_bin = ""
+  include_dir = []
+  include_ext = ["go", "tpl", "tmpl", "html"]
+  include_file = []
+  kill_delay = "10s"
+  log = "build-errors.log"
+  poll = false
+  poll_interval = 0
+  rerun = false
+  rerun_delay = 500
+  send_interrupt = false
+  stop_on_error = false
+
+[color]
+  app = ""
+  build = "yellow"
+  main = "magenta"
+  runner = "green"
+  watcher = "cyan"
+
+[log]
+  main_only = false
+  time = false
+
+[misc]
+  clean_on_exit = false
+
+[screen]
+  clear_on_rebuild = false
+  keep_scroll = true

.gitignore

@@ -1,2 +1,7 @@
-tmp
-bin
+tmp
+bin
+config.yaml
+restapi.rest
+cpone.db
+coba.Http
+.vscode/

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "liveServer.settings.port": 5501
-}

LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 Enrique Marín
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2023 Enrique Marín
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

README.md

@@ -1,59 +1,67 @@
-# Go/Echo+<span style="color:yellow"></></span>Templ: User List App as an example of a [project structured in layers](https://templ.guide/project-structure/project-structure), use of *Templ* Template language and frontend with HTMx technology (demo)
-
-A full stack application using Golang's Echo framework. Requests to the backend are improved in their "aesthetic" aspect with the use [</>htmx](https://htmx.org/) ([hypermedia](https://hypermedia.systems/) only).
-
-### Explanation
-
-The architecture follows a typical "onion model" where each layer doesn't know about the layer above it, and each layer is responsible for a specific thing. Although the application is extremely simple, we use this pattern to illustrate its use in more complex applications.
-
-Layering an application in this way can simplify code structure, since the responsibility of each type is clear.
-
-To ensure that each part of the application is initialized with its dependencies, each struct defines a constructor (the New function in this example).
-
-<img src="doc/structure.svg" width="90%">
-
-<br>
-
->[!NOTE]
->***In this application, instead of using the html/template package (gofiber/template/html, specifically), we use the [a-h/templ](https://github.com/a-h/templ) library. This amazing library implements a templating language (very similar to JSX) that compiles to Go code. Templ will allow us to write code almost identical to Go (with expressions, control flow, if/else, for loops, etc.) and have autocompletion thanks to strong typing. This means that errors appear at compile time and any calls to these templates (which are compiled as Go functions) from the handlers side will always require the correct data, minimizing errors and thus increasing the security and speed of our coding.***
-
-On the other hand, we use Golang's [Echo](https://echo.labstack.com/docs) web framework, which as stated on its website is a "High performance, extensible, minimalist Go web framework".
-
-The use of </>htmx allows behavior similar to that of a SPA, without page reloads when switching from one route to another or when making requests (via AJAX) to the backend.
-
-On the other hand, the styling of the views is achieved through Tailwind CSS and DaisyUI that are obtained from their respective CDNs.
-
----
-
-## Setup:
-
-Besides the obvious prerequisite of having Go! on your machine, you must have Air installed for hot reloading when editing code.
-
-Start the app in development mode:
-
-```
-$ air # Ctrl + C to stop the application
-```
-
-Build for production:
-
-```
-$ go build -ldflags="-s -w" -o ./bin/main ./cmd/main.go # ./bin/main to run the application
-```
-
->[!TIP]
->***In order to have autocompletion and syntax highlighting in VS Code for the Teml templating language, you will have to install the [templ-vscode](https://marketplace.visualstudio.com/items?itemName=a-h.templ) extension (for vim/nvim install this [plugin](https://github.com/joerdav/templ.vim)). To generate the Go code corresponding to these templates you will have to download this [executable binary](https://github.com/a-h/templ/releases/tag/v0.2.476) from Github and place it in the PATH of your system. The command:***
-
-```
-$ templ generate --watch
-```
-
->[!TIP]
->***This will allow us to monitor changes to the .templ files and compile them as we save them. Review the documentation on Templ [installation](https://templ.guide/quick-start/installation) and [support](https://templ.guide/commands-and-tools/ide-support/) for your IDE.***
-
----
-
-### Happy coding 😀!!
-
-# LINK ODOO DAN TUTORIAL INIT
-http://odoo.sismedika.com/web#id=6282&cids=1&menu_id=225&action=342&active_id=3&model=project.task&view_type=form
+# Go/Echo+<span style="color:yellow"></></span>Templ: User List App as an example of a [project structured in layers](https://templ.guide/project-structure/project-structure), use of *Templ* Template language and frontend with HTMx technology (demo)
+
+A full stack application using Golang's Echo framework. Requests to the backend are improved in their "aesthetic" aspect with the use [</>htmx](https://htmx.org/) ([hypermedia](https://hypermedia.systems/) only).
+
+### Explanation
+
+The architecture follows a typical "onion model" where each layer doesn't know about the layer above it, and each layer is responsible for a specific thing. Although the application is extremely simple, we use this pattern to illustrate its use in more complex applications.
+
+Layering an application in this way can simplify code structure, since the responsibility of each type is clear.
+
+To ensure that each part of the application is initialized with its dependencies, each struct defines a constructor (the New function in this example).
+
+<img src="doc/structure.svg" width="90%">
+
+<br>
+
+>[!NOTE]
+>***In this application, instead of using the html/template package (gofiber/template/html, specifically), we use the [a-h/templ](https://github.com/a-h/templ) library. This amazing library implements a templating language (very similar to JSX) that compiles to Go code. Templ will allow us to write code almost identical to Go (with expressions, control flow, if/else, for loops, etc.) and have autocompletion thanks to strong typing. This means that errors appear at compile time and any calls to these templates (which are compiled as Go functions) from the handlers side will always require the correct data, minimizing errors and thus increasing the security and speed of our coding.***
+
+On the other hand, we use Golang's [Echo](https://echo.labstack.com/docs) web framework, which as stated on its website is a "High performance, extensible, minimalist Go web framework".
+
+The use of </>htmx allows behavior similar to that of a SPA, without page reloads when switching from one route to another or when making requests (via AJAX) to the backend.
+
+On the other hand, the styling of the views is achieved through Tailwind CSS and DaisyUI that are obtained from their respective CDNs.
+
+---
+
+## Setup:
+
+Besides the obvious prerequisite of having Go! on your machine, you must have Air installed for hot reloading when editing code.
+
+Start the app in development mode:
+
+```
+$ air # Ctrl + C to stop the application
+```
+
+Build for production:
+
+```
+$ go build -ldflags="-s -w" -o ./bin/main ./cmd/main.go # ./bin/main to run the application
+```
+
+>[!TIP]
+>***In order to have autocompletion and syntax highlighting in VS Code for the Teml templating language, you will have to install the [templ-vscode](https://marketplace.visualstudio.com/items?itemName=a-h.templ) extension (for vim/nvim install this [plugin](https://github.com/joerdav/templ.vim)). To generate the Go code corresponding to these templates you will have to download this [executable binary](https://github.com/a-h/templ/releases/tag/v0.2.476) from Github and place it in the PATH of your system. The command:***
+
+```
+$ templ generate --watch
+```
+
+>[!TIP]
+>***This will allow us to monitor changes to the .templ files and compile them as we save them. Review the documentation on Templ [installation](https://templ.guide/quick-start/installation) and [support](https://templ.guide/commands-and-tools/ide-support/) for your IDE.***
+
+---
+
+### Happy coding 😀!!
+
+# LINK ODOO DAN TUTORIAL INIT
+http://odoo.sismedika.com/web#id=6282&cids=1&menu_id=225&action=342&active_id=3&model=project.task&view_type=form
+
+
+## BUILD WEB LINUX
+Run di Bash command line
+
+```
+GOOS=linux GOARCH=amd64 go build -ldflags="-s -w" -o ./bin/main ./cmd/main.go
+```

assets/andy/cobaform.html

@@ -0,0 +1,279 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <base href="../" />
+    <meta charset="utf-8" />
+    <title>Company Portal | { title }</title>
+    <meta name="description" content="Company Portal" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <link rel="stylesheet" href="assets/css/googlefont/poppins.css" />
+
+    <link
+      href="assets/css/pages/login/login-1.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+
+    <link
+      href="assets/plugins/global/plugins.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
+
+    <link
+      href="assets/css/themes/layout/header/base/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/header/menu/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/brand/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/aside/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+
+    <link
+      rel="shortcut icon"
+      href="asset-corporate-portal/media/logo/logo-small.jpg"
+    />
+
+    <link
+      href="asset-corporate-portal/css/sas.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link rel="stylesheet" href="assets/css/googlefont/publicsans.css" />
+    <link rel="stylesheet" href="assets/css/googlefont/roboto.css" />
+
+    <link rel="stylesheet" type="text/css" href="assets/css/slick/slick.css" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="assets/css/slick/slick-theme.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"
+    />
+  </head>
+
+  <script src="assets/js/htmx/htmx.min.js"></script>
+  <body
+    id="kt_body"
+    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading bg-white"
+  >
+    <div class="p-6">
+      <form
+        hx-post="http://localhost:5000/dev/usergroup/add"
+        class="form"
+        hx-target="#change"
+        hx-swap="innerHTML"
+        hx-on::after-request="showtoast()"
+        hx-on::reponse-error="cobaerror()"
+        hx-on::send-error="cobaerror()"
+        id="kt_form_1"
+        hx-include="#cobaid, #test"
+      >
+        <div id="change">
+          <div class="form-group">
+            <label
+              class="text-black"
+              style="font-family: Poppins; font-weight: 600;"
+              >Code
+            </label>
+            <input
+              id="codeug"
+              name="usergroupcode"
+              type="text"
+              placeholder="coba"
+              value=""
+              class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+            />
+            <div class="invalid-feedback text-danger mt-3">
+              Shucks, check the formatting of that and try again.
+            </div>
+            <label
+              class="text-black"
+              style="font-family: Poppins; font-weight: 600;"
+              >Name
+            </label>
+            <input
+              id="nameug"
+              name="usergroupname"
+              type="text"
+              placeholder="coba"
+              value=""
+              class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+            />
+          </div>
+        </div>
+
+        <button id="btnsbmt" class="btn btn-primary m-9" type="submit">
+          submit
+        </button>
+      </form>
+      <input
+        id="cobaid"
+        name="cobaid"
+        type="hidden"
+        placeholder="coba"
+        value="1"
+        class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+      />
+    </div>
+    <input
+      id="test"
+      name="paginat"
+      type="hidden"
+      placeholder="coba"
+      value="2"
+      class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+    />
+
+    <div id="testttt" class="p-6" hx-swap-oob="#testttt">
+      ;adkj;djf;
+    </div>
+    <button
+      type="button"
+      onclick="showtoast()"
+      class="btn btn-primary"
+      id="liveToastBtn"
+    >
+      Show live toast
+    </button>
+    <input
+      class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+      type="text"
+      name="search"
+      id="searchsas5b2f51246d4698262a5b7c241dd59884"
+      placeholder="Cari Kode/Nama"
+      hx-get="http://google.com"
+      hx-trigger="input changed delay:500ms, search"
+      hx-target="#cobakeyup"
+      hx-indicator=""
+      value=""
+      hx-include="#cobaid"
+      hx-swap="outerHTML"
+      autocomplete="off"
+    />
+
+    <div
+      class="position-fixed bottom-0 right-0 p-3"
+      style="z-index: 5; right: 0; bottom: 0;"
+    >
+      <div
+        id="liveToast"
+        class="toast hide"
+        role="alert"
+        aria-live="assertive"
+        aria-atomic="true"
+        data-delay="2000"
+      >
+        <div class="toast-header">
+          <img src="..." class="rounded mr-2" alt="..." />
+          <strong class="mr-auto">Bootstrap</strong>
+          <small>11 mins ago</small>
+          <button
+            type="button"
+            class="ml-2 mb-1 close"
+            data-dismiss="toast"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="toast-body">
+          Hello, world! This is a toast message.
+        </div>
+      </div>
+    </div>
+    <div id="cobakeyup"></div>
+    <div class="card card-custom">
+      <div class="card-header">
+        <div class="card-title">
+          <h3 class="card-label">Card Blocking</h3>
+        </div>
+      </div>
+      <div class="card-body">
+        <div class="overlay-wrapper">
+          <div class="form-group">
+            <label>Address Line 1</label>
+            <input
+              type="text"
+              class="form-control form-control-solid form-control-lg"
+              name="address1"
+              placeholder="Address Line 1"
+            />
+            <span class="form-text text-muted">Please enter your Address.</span>
+          </div>
+          <div class="form-group">
+            <label>Address Line 2</label>
+            <input
+              type="text"
+              class="form-control form-control-solid form-control-lg"
+              name="address1"
+              placeholder="Address Line 1"
+            />
+            <span class="form-text text-muted"
+              >Please enter your Address 2.</span
+            >
+          </div>
+        </div>
+      </div>
+      <div class="overlay-layer bg-dark-o-10">
+        <div class="spinner spinner-primary"></div>
+      </div>
+    </div>
+
+    <!--begin::Global Config(global config for global JS scripts)-->
+    <script src="asset-corporate-portal/js/ktappsetting.js"></script>
+    <!--end::Global Config-->
+    <!--begin::Global Theme Bundle(used by all pages)-->
+    <script src="assets/plugins/global/plugins.bundle.js"></script>
+    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+    <script src="assets/js/scripts.bundle.js"></script>
+    <!--end::Global Theme Bundle-->
+    <script src="assets/js/iconify/iconify.min.js"></script>
+
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
+    <script>
+      function showtoast() {
+        let code = document.querySelector("#usergroupname");
+        let name = document.querySelector("#usergroupcode");
+        if (
+          name.classList.contains("is-invalid") ||
+          code.classList.contains("is-invalid")
+        ) {
+          toastr.error("New order has been placed!");
+        } else {
+          toastr.success("New order has been placed!");
+        }
+      }
+      function cobaerror() {
+        toastr.error("error");
+      }
+    </script>
+
+    <!--end::Page Scripts-->
+  </body>
+</html>

assets/andy/landing-page.html

@@ -1,216 +1,216 @@
-<!DOCTYPE html>
-<!--
-Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-Author: KeenThemes
-Website: http://www.keenthemes.com/
-Contact: support@keenthemes.com
-Follow: www.twitter.com/keenthemes
-Dribbble: www.dribbble.com/keenthemes
-Like: www.facebook.com/keenthemes
-Purchase: https://1.envato.market/EA4JP
-Renew Support: https://1.envato.market/EA4JP
-License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
--->
-<html lang="en">
-  <!--begin::Head-->
-
-  <head>
-    <base href="../" />
-    <meta charset="utf-8" />
-    <title>Corporate portal | Landing Page</title>
-    <meta name="description" content="Login page example" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-
-    <!--begin::Fonts-->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
-    />
-    <!--end::Fonts-->
-
-    <!--begin::Page Custom Styles(used by this page)-->
-    <link
-      href="assets/css/pages/login/login-1.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Page Custom Styles-->
-
-    <!--begin::Global Theme Styles(used by all pages)-->
-    <link
-      href="assets/plugins/global/plugins.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
-    <!--end::Global Theme Styles-->
-
-    <!--begin::Layout Themes(used by all pages)-->
-
-    <link
-      href="assets/css/themes/layout/header/base/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/header/menu/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/brand/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/aside/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Layout Themes-->
-
-    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
-  </head>
-  <!--end::Head-->
-
-  <!--begin::Body-->
-
-  <body
-    id="kt_body"
-    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
-  >
-    <!--begin::Main-->
-    <div class="d-flex flex-column flex-root bg-white">
-      <!-- begin::Navbar -->
-      <div
-        class="d-flex flex-lg-row justify-content-between py-5"
-        style="height: 119px; align-items: center"
-      >
-        <img
-          src="asset-corporate-portal/media/logo.png"
-          alt=""
-          style="height: 39px"
-        />
-        <ul class="nav">
-          <li class="nav-item dropdown">
-            <a
-              class="nav-link dropdown-toggle font-weight-bolder"
-              data-toggle="dropdown"
-              role="button"
-              aria-haspopup="true"
-              aria-expanded="false"
-            >
-              Dashboard
-            </a>
-            <div class="dropdown-menu">
-              <a class="dropdown-item" href="#">Action</a>
-            </div>
-          </li>
-          <li class="nav-item">
-            <a
-              class="nav-link disabled"
-              href="#"
-              tabindex="-1"
-              aria-disabled="true"
-              >Disabled</a
-            >
-          </li>
-        </ul>
-        <img
-          src="asset-corporate-portal/media/logo.png"
-          alt=""
-          style="height: 39px"
-        />
-      </div>
-
-      <!-- end::Navbar -->
-    </div>
-    <!--end::Main-->
-
-    <script>
-      var HOST_URL =
-        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
-    </script>
-    <!--begin::Global Config(global config for global JS scripts)-->
-    <script>
-      var KTAppSettings = {
-        breakpoints: {
-          sm: 576,
-          md: 768,
-          lg: 992,
-          xl: 1200,
-          xxl: 1400,
-        },
-        colors: {
-          theme: {
-            base: {
-              white: "#ffffff",
-              primary: "#3699FF",
-              secondary: "#E5EAEE",
-              success: "#1BC5BD",
-              info: "#8950FC",
-              warning: "#FFA800",
-              danger: "#F64E60",
-              light: "#E4E6EF",
-              dark: "#181C32",
-            },
-            light: {
-              white: "#ffffff",
-              primary: "#E1F0FF",
-              secondary: "#EBEDF3",
-              success: "#C9F7F5",
-              info: "#EEE5FF",
-              warning: "#FFF4DE",
-              danger: "#FFE2E5",
-              light: "#F3F6F9",
-              dark: "#D6D6E0",
-            },
-            inverse: {
-              white: "#ffffff",
-              primary: "#ffffff",
-              secondary: "#3F4254",
-              success: "#ffffff",
-              info: "#ffffff",
-              warning: "#ffffff",
-              danger: "#ffffff",
-              light: "#464E5F",
-              dark: "#ffffff",
-            },
-          },
-          gray: {
-            "gray-100": "#F3F6F9",
-            "gray-200": "#EBEDF3",
-            "gray-300": "#E4E6EF",
-            "gray-400": "#D1D3E0",
-            "gray-500": "#B5B5C3",
-            "gray-600": "#7E8299",
-            "gray-700": "#5E6278",
-            "gray-800": "#3F4254",
-            "gray-900": "#181C32",
-          },
-        },
-        "font-family": "Poppins",
-      };
-    </script>
-    <!--end::Global Config-->
-
-    <!--begin::Global Theme Bundle(used by all pages)-->
-    <script src="assets/plugins/global/plugins.bundle.js"></script>
-    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
-    <script src="assets/js/scripts.bundle.js"></script>
-    <!--end::Global Theme Bundle-->
-
-    <!--begin::Page Scripts(used by this page)-->
-    <!-- <script src="asset-corporate-portal/js/login-general.js"></script> -->
-    <!--end::Page Scripts-->
-  </body>
-  <!--end::Body-->
-</html>
+<!DOCTYPE html>
+<!--
+Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
+Author: KeenThemes
+Website: http://www.keenthemes.com/
+Contact: support@keenthemes.com
+Follow: www.twitter.com/keenthemes
+Dribbble: www.dribbble.com/keenthemes
+Like: www.facebook.com/keenthemes
+Purchase: https://1.envato.market/EA4JP
+Renew Support: https://1.envato.market/EA4JP
+License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
+-->
+<html lang="en">
+  <!--begin::Head-->
+
+  <head>
+    <base href="../" />
+    <meta charset="utf-8" />
+    <title>Corporate portal | Landing Page</title>
+    <meta name="description" content="Login page example" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <!--begin::Fonts-->
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
+    />
+    <!--end::Fonts-->
+
+    <!--begin::Page Custom Styles(used by this page)-->
+    <link
+      href="assets/css/pages/login/login-1.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Page Custom Styles-->
+
+    <!--begin::Global Theme Styles(used by all pages)-->
+    <link
+      href="assets/plugins/global/plugins.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
+    <!--end::Global Theme Styles-->
+
+    <!--begin::Layout Themes(used by all pages)-->
+
+    <link
+      href="assets/css/themes/layout/header/base/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/header/menu/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/brand/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/aside/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Layout Themes-->
+
+    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
+  </head>
+  <!--end::Head-->
+
+  <!--begin::Body-->
+
+  <body
+    id="kt_body"
+    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
+  >
+    <!--begin::Main-->
+    <div class="d-flex flex-column flex-root bg-white">
+      <!-- begin::Navbar -->
+      <div
+        class="d-flex flex-lg-row justify-content-between py-5"
+        style="height: 119px; align-items: center"
+      >
+        <img
+          src="asset-corporate-portal/media/logo.png"
+          alt=""
+          style="height: 39px"
+        />
+        <ul class="nav">
+          <li class="nav-item dropdown">
+            <a
+              class="nav-link dropdown-toggle font-weight-bolder"
+              data-toggle="dropdown"
+              role="button"
+              aria-haspopup="true"
+              aria-expanded="false"
+            >
+              Dashboard
+            </a>
+            <div class="dropdown-menu">
+              <a class="dropdown-item" href="#">Action</a>
+            </div>
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link disabled"
+              href="#"
+              tabindex="-1"
+              aria-disabled="true"
+              >Disabled</a
+            >
+          </li>
+        </ul>
+        <img
+          src="asset-corporate-portal/media/logo.png"
+          alt=""
+          style="height: 39px"
+        />
+      </div>
+
+      <!-- end::Navbar -->
+    </div>
+    <!--end::Main-->
+
+    <script>
+      var HOST_URL =
+        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
+    </script>
+    <!--begin::Global Config(global config for global JS scripts)-->
+    <script>
+      var KTAppSettings = {
+        breakpoints: {
+          sm: 576,
+          md: 768,
+          lg: 992,
+          xl: 1200,
+          xxl: 1400,
+        },
+        colors: {
+          theme: {
+            base: {
+              white: "#ffffff",
+              primary: "#3699FF",
+              secondary: "#E5EAEE",
+              success: "#1BC5BD",
+              info: "#8950FC",
+              warning: "#FFA800",
+              danger: "#F64E60",
+              light: "#E4E6EF",
+              dark: "#181C32",
+            },
+            light: {
+              white: "#ffffff",
+              primary: "#E1F0FF",
+              secondary: "#EBEDF3",
+              success: "#C9F7F5",
+              info: "#EEE5FF",
+              warning: "#FFF4DE",
+              danger: "#FFE2E5",
+              light: "#F3F6F9",
+              dark: "#D6D6E0",
+            },
+            inverse: {
+              white: "#ffffff",
+              primary: "#ffffff",
+              secondary: "#3F4254",
+              success: "#ffffff",
+              info: "#ffffff",
+              warning: "#ffffff",
+              danger: "#ffffff",
+              light: "#464E5F",
+              dark: "#ffffff",
+            },
+          },
+          gray: {
+            "gray-100": "#F3F6F9",
+            "gray-200": "#EBEDF3",
+            "gray-300": "#E4E6EF",
+            "gray-400": "#D1D3E0",
+            "gray-500": "#B5B5C3",
+            "gray-600": "#7E8299",
+            "gray-700": "#5E6278",
+            "gray-800": "#3F4254",
+            "gray-900": "#181C32",
+          },
+        },
+        "font-family": "Poppins",
+      };
+    </script>
+    <!--end::Global Config-->
+
+    <!--begin::Global Theme Bundle(used by all pages)-->
+    <script src="assets/plugins/global/plugins.bundle.js"></script>
+    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+    <script src="assets/js/scripts.bundle.js"></script>
+    <!--end::Global Theme Bundle-->
+
+    <!--begin::Page Scripts(used by this page)-->
+    <!-- <script src="asset-corporate-portal/js/login-general.js"></script> -->
+    <!--end::Page Scripts-->
+  </body>
+  <!--end::Body-->
+</html>

assets/andy/login.html

@@ -1,469 +1,469 @@
-<!DOCTYPE html>
-<!--
-Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-Author: KeenThemes
-Website: http://www.keenthemes.com/
-Contact: support@keenthemes.com
-Follow: www.twitter.com/keenthemes
-Dribbble: www.dribbble.com/keenthemes
-Like: www.facebook.com/keenthemes
-Purchase: https://1.envato.market/EA4JP
-Renew Support: https://1.envato.market/EA4JP
-License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
--->
-<html lang="en">
-  <!--begin::Head-->
-
-  <head>
-    <base href="../" />
-    <meta charset="utf-8" />
-    <title>Corporate portal | Login Page</title>
-    <meta name="description" content="Login page example" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-
-    <!--begin::Fonts-->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
-    />
-    <!--end::Fonts-->
-
-    <!--begin::Page Custom Styles(used by this page)-->
-    <link
-      href="assets/css/pages/login/login-1.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Page Custom Styles-->
-
-    <!--begin::Global Theme Styles(used by all pages)-->
-    <link
-      href="assets/plugins/global/plugins.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
-    <!--end::Global Theme Styles-->
-
-    <!--begin::Layout Themes(used by all pages)-->
-
-    <link
-      href="assets/css/themes/layout/header/base/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/header/menu/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/brand/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/aside/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Layout Themes-->
-
-    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
-  </head>
-  <!--end::Head-->
-
-  <!--begin::Body-->
-
-  <body
-    id="kt_body"
-    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
-  >
-    <!--begin::Main-->
-    <div class="d-flex flex-column flex-root">
-      <!--begin::Login-->
-      <div
-        class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white"
-        id="kt_login"
-      >
-        <!--begin::Aside-->
-        <div class="login-aside d-flex flex-column flex-row-auto">
-          <!--begin::Aside Top-->
-          <div class="d-flex flex-column-auto flex-column">
-            <!--begin::Aside header-->
-
-            <img
-              src="asset-corporate-portal/media/login.png"
-              alt=""
-              style="height: 100vh"
-            />
-
-            <!--end::Aside header-->
-          </div>
-          <!--end::Aside Top-->
-
-          <!--end::Aside Bottom-->
-        </div>
-        <!--begin::Aside-->
-
-        <!--begin::Content-->
-        <div
-          class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto"
-        >
-          <!--begin::Content body-->
-          <div class="d-flex flex-column-fluid flex-center">
-            <!--begin::Signin-->
-            <div class="login-form login-signin">
-              <!--begin::Form-->
-              <form
-                class="form"
-                novalidate="novalidate"
-                id="kt_login_signin_form"
-              >
-                <!--begin::Title-->
-                <div class="d-flex justify-content-center mb-5">
-                  <img
-                    src="asset-corporate-portal/media/logo.png"
-                    alt=""
-                    style="height: 106px"
-                  />
-                </div>
-                <div class="pb-13 pt-5">
-                  <h3
-                    class="font-weight-bolder font-size-h4 font-size-h1-lg d-flex justify-content-center title"
-                    style="color: #0c518c"
-                  >
-                    Welcome to Corporate Portal
-                  </h3>
-                </div>
-                <!--begin::Title-->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <label class="font-size-h6 font-weight-bolder text-dark"
-                    >Email</label
-                  >
-                  <input
-                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg"
-                    type="text"
-                    name="username"
-                    autocomplete="off"
-                    placeholder="Enter your email"
-                  />
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <div class="d-flex justify-content-between mt-n5">
-                    <label
-                      class="font-size-h6 font-weight-bolder text-dark pt-5"
-                      >Password</label
-                    >
-                  </div>
-                  <div class="input-group">
-                    <!-- form-control form-control-solid -->
-                    <input
-                      class="h-auto form-control form-control-solid py-7 px-6 rounded-lg rounded-right-0"
-                      type="password"
-                      name="password"
-                      id="user-password"
-                      autocomplete="off"
-                      placeholder="Enter your password"
-                    />
-                    <div class="input-group-append">
-                      <span
-                        class="input-group-text rounded-lg rounded-left-0"
-                        style="border: 0"
-                      >
-                        <!-- far fa-eye-slash -->
-                        <a class="btn" role="button" id="btn-show">
-                          <i class="far fa-eye-slash" id="password-icon"></i>
-                        </a>
-                      </span>
-                    </div>
-                  </div>
-                </div>
-                <div class="d-flex justify-content-end">
-                  <a
-                    href="javascript:;"
-                    class="font-size-h6 font-weight-bolder text-hover-primary mb-5"
-                    id="kt_login_forgot"
-                    style="color: #0c518c"
-                  >
-                    Forgot Password ?
-                  </a>
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Action-->
-                <div class="pb-lg-0 pb-5 pt-5">
-                  <button
-                    type="button"
-                    id="kt_login_signin_submit"
-                    style="background-color: #0c518c"
-                    class="btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5"
-                  >
-                    Sign In
-                  </button>
-                </div>
-                <!--end::Action-->
-              </form>
-              <!--end::Form-->
-            </div>
-            <!--end::Signin-->
-            <!--begin::Signup -->
-            <div class="login-form login-signup">
-              <!--begin::Form -->
-              <form
-                class="form"
-                novalidate="novalidate"
-                id="kt_login_signup_form"
-              >
-                <!--begin::Title -->
-                <div class="pb-13 pt-lg-0 pt-5">
-                  <h3
-                    class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
-                  >
-                    Sign Up
-                  </h3>
-                  <p class="text-muted font-weight-bold font-size-h4">
-                    Enter your details to create your account
-                  </p>
-                </div>
-                <!--end::Title -->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <input
-                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
-                    type="text"
-                    placeholder="Fullname"
-                    name="fullname"
-                    autocomplete="off"
-                  />
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <input
-                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
-                    type="email"
-                    placeholder="Email"
-                    name="email"
-                    autocomplete="off"
-                  />
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <input
-                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
-                    type="password"
-                    placeholder="Password"
-                    name="password"
-                    autocomplete="off"
-                  />
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <input
-                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
-                    type="password"
-                    placeholder="Confirm password"
-                    name="cpassword"
-                    autocomplete="off"
-                  />
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <label class="checkbox mb-0">
-                    <input type="checkbox" name="agree" />I Agree the
-                    <a href="#">terms and conditions</a>.
-                    <span></span>
-                  </label>
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Form group-->
-                <div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
-                  <button
-                    type="button"
-                    id="kt_login_signup_submit"
-                    class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
-                  >
-                    Submit
-                  </button>
-                  <button
-                    type="button"
-                    id="kt_login_signup_cancel"
-                    class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
-                  >
-                    Cancel
-                  </button>
-                </div>
-                <!--end::Form group-->
-              </form>
-              <!--end::Form -->
-            </div>
-            <!--end::Signup -->
-
-            <!--begin::Forgot-->
-            <div class="login-form login-forgot">
-              <!--begin::Form-->
-              <form
-                class="form"
-                novalidate="novalidate"
-                id="kt_login_forgot_form"
-              >
-                <!--begin::Title-->
-                <div class="pb-13 pt-lg-0 pt-5">
-                  <h3
-                    class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
-                  >
-                    Forgotten Password ?
-                  </h3>
-                  <p class="text-muted font-weight-bold font-size-h4">
-                    Enter your email to reset your password
-                  </p>
-                </div>
-                <!--end::Title-->
-
-                <!--begin::Form group-->
-                <div class="form-group">
-                  <input
-                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
-                    type="email"
-                    placeholder="Email"
-                    name="email"
-                    autocomplete="off"
-                  />
-                </div>
-                <!--end::Form group-->
-
-                <!--begin::Form group-->
-                <div class="form-group d-flex flex-wrap pb-lg-0">
-                  <button
-                    type="button"
-                    id="kt_login_forgot_submit"
-                    class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
-                  >
-                    Submit
-                  </button>
-                  <button
-                    type="button"
-                    id="kt_login_forgot_cancel"
-                    class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
-                  >
-                    Cancel
-                  </button>
-                </div>
-                <!--end::Form group-->
-              </form>
-              <!--end::Form-->
-            </div>
-            <!--end::Forgot-->
-          </div>
-          <!--end::Content body-->
-
-          <!--end::Content footer-->
-        </div>
-        <!--end::Content-->
-      </div>
-      <!--end::Login-->
-    </div>
-    <!--end::Main-->
-
-    <script>
-      var HOST_URL =
-        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
-    </script>
-    <!--begin::Global Config(global config for global JS scripts)-->
-    <script>
-      var KTAppSettings = {
-        breakpoints: {
-          sm: 576,
-          md: 768,
-          lg: 992,
-          xl: 1200,
-          xxl: 1400,
-        },
-        colors: {
-          theme: {
-            base: {
-              white: "#ffffff",
-              primary: "#3699FF",
-              secondary: "#E5EAEE",
-              success: "#1BC5BD",
-              info: "#8950FC",
-              warning: "#FFA800",
-              danger: "#F64E60",
-              light: "#E4E6EF",
-              dark: "#181C32",
-            },
-            light: {
-              white: "#ffffff",
-              primary: "#E1F0FF",
-              secondary: "#EBEDF3",
-              success: "#C9F7F5",
-              info: "#EEE5FF",
-              warning: "#FFF4DE",
-              danger: "#FFE2E5",
-              light: "#F3F6F9",
-              dark: "#D6D6E0",
-            },
-            inverse: {
-              white: "#ffffff",
-              primary: "#ffffff",
-              secondary: "#3F4254",
-              success: "#ffffff",
-              info: "#ffffff",
-              warning: "#ffffff",
-              danger: "#ffffff",
-              light: "#464E5F",
-              dark: "#ffffff",
-            },
-          },
-          gray: {
-            "gray-100": "#F3F6F9",
-            "gray-200": "#EBEDF3",
-            "gray-300": "#E4E6EF",
-            "gray-400": "#D1D3E0",
-            "gray-500": "#B5B5C3",
-            "gray-600": "#7E8299",
-            "gray-700": "#5E6278",
-            "gray-800": "#3F4254",
-            "gray-900": "#181C32",
-          },
-        },
-        "font-family": "Poppins",
-      };
-    </script>
-    <!--end::Global Config-->
-
-    <!--begin::Global Theme Bundle(used by all pages)-->
-    <script src="assets/plugins/global/plugins.bundle.js"></script>
-    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
-    <script src="assets/js/scripts.bundle.js"></script>
-    <!--end::Global Theme Bundle-->
-
-    <!--begin::Page Scripts(used by this page)-->
-    <script src="asset-corporate-portal/js/login-general.js"></script>
-    <!--end::Page Scripts-->
-  </body>
-  <!--end::Body-->
-</html>
+<!DOCTYPE html>
+<!--
+Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
+Author: KeenThemes
+Website: http://www.keenthemes.com/
+Contact: support@keenthemes.com
+Follow: www.twitter.com/keenthemes
+Dribbble: www.dribbble.com/keenthemes
+Like: www.facebook.com/keenthemes
+Purchase: https://1.envato.market/EA4JP
+Renew Support: https://1.envato.market/EA4JP
+License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
+-->
+<html lang="en">
+  <!--begin::Head-->
+
+  <head>
+    <base href="../" />
+    <meta charset="utf-8" />
+    <title>Corporate portal | Login Page</title>
+    <meta name="description" content="Login page example" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <!--begin::Fonts-->
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
+    />
+    <!--end::Fonts-->
+
+    <!--begin::Page Custom Styles(used by this page)-->
+    <link
+      href="assets/css/pages/login/login-1.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Page Custom Styles-->
+
+    <!--begin::Global Theme Styles(used by all pages)-->
+    <link
+      href="assets/plugins/global/plugins.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
+    <!--end::Global Theme Styles-->
+
+    <!--begin::Layout Themes(used by all pages)-->
+
+    <link
+      href="assets/css/themes/layout/header/base/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/header/menu/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/brand/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/aside/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Layout Themes-->
+
+    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
+  </head>
+  <!--end::Head-->
+
+  <!--begin::Body-->
+
+  <body
+    id="kt_body"
+    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
+  >
+    <!--begin::Main-->
+    <div class="d-flex flex-column flex-root">
+      <!--begin::Login-->
+      <div
+        class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white"
+        id="kt_login"
+      >
+        <!--begin::Aside-->
+        <div class="login-aside d-flex flex-column flex-row-auto">
+          <!--begin::Aside Top-->
+          <div class="d-flex flex-column-auto flex-column">
+            <!--begin::Aside header-->
+
+            <img
+              src="asset-corporate-portal/media/login.png"
+              alt=""
+              style="height: 100vh"
+            />
+
+            <!--end::Aside header-->
+          </div>
+          <!--end::Aside Top-->
+
+          <!--end::Aside Bottom-->
+        </div>
+        <!--begin::Aside-->
+
+        <!--begin::Content-->
+        <div
+          class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto"
+        >
+          <!--begin::Content body-->
+          <div class="d-flex flex-column-fluid flex-center">
+            <!--begin::Signin-->
+            <div class="login-form login-signin">
+              <!--begin::Form-->
+              <form
+                class="form"
+                novalidate="novalidate"
+                id="kt_login_signin_form"
+              >
+                <!--begin::Title-->
+                <div class="d-flex justify-content-center mb-5">
+                  <img
+                    src="asset-corporate-portal/media/logo.png"
+                    alt=""
+                    style="height: 106px"
+                  />
+                </div>
+                <div class="pb-13 pt-5">
+                  <h3
+                    class="font-weight-bolder font-size-h4 font-size-h1-lg d-flex justify-content-center title"
+                    style="color: #0c518c"
+                  >
+                    Welcome to Corporate Portal
+                  </h3>
+                </div>
+                <!--begin::Title-->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <label class="font-size-h6 font-weight-bolder text-dark"
+                    >Email</label
+                  >
+                  <input
+                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg"
+                    type="text"
+                    name="username"
+                    autocomplete="off"
+                    placeholder="Enter your email"
+                  />
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <div class="d-flex justify-content-between mt-n5">
+                    <label
+                      class="font-size-h6 font-weight-bolder text-dark pt-5"
+                      >Password</label
+                    >
+                  </div>
+                  <div class="input-group">
+                    <!-- form-control form-control-solid -->
+                    <input
+                      class="h-auto form-control form-control-solid py-7 px-6 rounded-lg rounded-right-0"
+                      type="password"
+                      name="password"
+                      id="user-password"
+                      autocomplete="off"
+                      placeholder="Enter your password"
+                    />
+                    <div class="input-group-append">
+                      <span
+                        class="input-group-text rounded-lg rounded-left-0"
+                        style="border: 0"
+                      >
+                        <!-- far fa-eye-slash -->
+                        <a class="btn" role="button" id="btn-show">
+                          <i class="far fa-eye-slash" id="password-icon"></i>
+                        </a>
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                <div class="d-flex justify-content-end">
+                  <a
+                    href="javascript:;"
+                    class="font-size-h6 font-weight-bolder text-hover-primary mb-5"
+                    id="kt_login_forgot"
+                    style="color: #0c518c"
+                  >
+                    Forgot Password ?
+                  </a>
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Action-->
+                <div class="pb-lg-0 pb-5 pt-5">
+                  <button
+                    type="button"
+                    id="kt_login_signin_submit"
+                    style="background-color: #0c518c"
+                    class="btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5"
+                  >
+                    Sign In
+                  </button>
+                </div>
+                <!--end::Action-->
+              </form>
+              <!--end::Form-->
+            </div>
+            <!--end::Signin-->
+            <!--begin::Signup -->
+            <div class="login-form login-signup">
+              <!--begin::Form -->
+              <form
+                class="form"
+                novalidate="novalidate"
+                id="kt_login_signup_form"
+              >
+                <!--begin::Title -->
+                <div class="pb-13 pt-lg-0 pt-5">
+                  <h3
+                    class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
+                  >
+                    Sign Up
+                  </h3>
+                  <p class="text-muted font-weight-bold font-size-h4">
+                    Enter your details to create your account
+                  </p>
+                </div>
+                <!--end::Title -->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <input
+                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
+                    type="text"
+                    placeholder="Fullname"
+                    name="fullname"
+                    autocomplete="off"
+                  />
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <input
+                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
+                    type="email"
+                    placeholder="Email"
+                    name="email"
+                    autocomplete="off"
+                  />
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <input
+                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
+                    type="password"
+                    placeholder="Password"
+                    name="password"
+                    autocomplete="off"
+                  />
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <input
+                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
+                    type="password"
+                    placeholder="Confirm password"
+                    name="cpassword"
+                    autocomplete="off"
+                  />
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <label class="checkbox mb-0">
+                    <input type="checkbox" name="agree" />I Agree the
+                    <a href="#">terms and conditions</a>.
+                    <span></span>
+                  </label>
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Form group-->
+                <div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
+                  <button
+                    type="button"
+                    id="kt_login_signup_submit"
+                    class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
+                  >
+                    Submit
+                  </button>
+                  <button
+                    type="button"
+                    id="kt_login_signup_cancel"
+                    class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
+                  >
+                    Cancel
+                  </button>
+                </div>
+                <!--end::Form group-->
+              </form>
+              <!--end::Form -->
+            </div>
+            <!--end::Signup -->
+
+            <!--begin::Forgot-->
+            <div class="login-form login-forgot">
+              <!--begin::Form-->
+              <form
+                class="form"
+                novalidate="novalidate"
+                id="kt_login_forgot_form"
+              >
+                <!--begin::Title-->
+                <div class="pb-13 pt-lg-0 pt-5">
+                  <h3
+                    class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
+                  >
+                    Forgotten Password ?
+                  </h3>
+                  <p class="text-muted font-weight-bold font-size-h4">
+                    Enter your email to reset your password
+                  </p>
+                </div>
+                <!--end::Title-->
+
+                <!--begin::Form group-->
+                <div class="form-group">
+                  <input
+                    class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
+                    type="email"
+                    placeholder="Email"
+                    name="email"
+                    autocomplete="off"
+                  />
+                </div>
+                <!--end::Form group-->
+
+                <!--begin::Form group-->
+                <div class="form-group d-flex flex-wrap pb-lg-0">
+                  <button
+                    type="button"
+                    id="kt_login_forgot_submit"
+                    class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
+                  >
+                    Submit
+                  </button>
+                  <button
+                    type="button"
+                    id="kt_login_forgot_cancel"
+                    class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
+                  >
+                    Cancel
+                  </button>
+                </div>
+                <!--end::Form group-->
+              </form>
+              <!--end::Form-->
+            </div>
+            <!--end::Forgot-->
+          </div>
+          <!--end::Content body-->
+
+          <!--end::Content footer-->
+        </div>
+        <!--end::Content-->
+      </div>
+      <!--end::Login-->
+    </div>
+    <!--end::Main-->
+
+    <script>
+      var HOST_URL =
+        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
+    </script>
+    <!--begin::Global Config(global config for global JS scripts)-->
+    <script>
+      var KTAppSettings = {
+        breakpoints: {
+          sm: 576,
+          md: 768,
+          lg: 992,
+          xl: 1200,
+          xxl: 1400,
+        },
+        colors: {
+          theme: {
+            base: {
+              white: "#ffffff",
+              primary: "#3699FF",
+              secondary: "#E5EAEE",
+              success: "#1BC5BD",
+              info: "#8950FC",
+              warning: "#FFA800",
+              danger: "#F64E60",
+              light: "#E4E6EF",
+              dark: "#181C32",
+            },
+            light: {
+              white: "#ffffff",
+              primary: "#E1F0FF",
+              secondary: "#EBEDF3",
+              success: "#C9F7F5",
+              info: "#EEE5FF",
+              warning: "#FFF4DE",
+              danger: "#FFE2E5",
+              light: "#F3F6F9",
+              dark: "#D6D6E0",
+            },
+            inverse: {
+              white: "#ffffff",
+              primary: "#ffffff",
+              secondary: "#3F4254",
+              success: "#ffffff",
+              info: "#ffffff",
+              warning: "#ffffff",
+              danger: "#ffffff",
+              light: "#464E5F",
+              dark: "#ffffff",
+            },
+          },
+          gray: {
+            "gray-100": "#F3F6F9",
+            "gray-200": "#EBEDF3",
+            "gray-300": "#E4E6EF",
+            "gray-400": "#D1D3E0",
+            "gray-500": "#B5B5C3",
+            "gray-600": "#7E8299",
+            "gray-700": "#5E6278",
+            "gray-800": "#3F4254",
+            "gray-900": "#181C32",
+          },
+        },
+        "font-family": "Poppins",
+      };
+    </script>
+    <!--end::Global Config-->
+
+    <!--begin::Global Theme Bundle(used by all pages)-->
+    <script src="assets/plugins/global/plugins.bundle.js"></script>
+    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+    <script src="assets/js/scripts.bundle.js"></script>
+    <!--end::Global Theme Bundle-->
+
+    <!--begin::Page Scripts(used by this page)-->
+    <script src="asset-corporate-portal/js/login-general.js"></script>
+    <!--end::Page Scripts-->
+  </body>
+  <!--end::Body-->
+</html>

assets/andy/login.php

@@ -1,338 +1,338 @@
-<!DOCTYPE html>
-<!--
-Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-Author: KeenThemes
-Website: http://www.keenthemes.com/
-Contact: support@keenthemes.com
-Follow: www.twitter.com/keenthemes
-Dribbble: www.dribbble.com/keenthemes
-Like: www.facebook.com/keenthemes
-Purchase: https://1.envato.market/EA4JP
-Renew Support: https://1.envato.market/EA4JP
-License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
--->
-<html lang="en">
-<!--begin::Head-->
-
-<head>
-  <base href="../" />
-  <meta charset="utf-8" />
-  <title>Metronic | Login Page 1</title>
-  <meta name="description" content="Login page example" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-
-  <!--begin::Fonts-->
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
-  <!--end::Fonts-->
-
-  <!--begin::Page Custom Styles(used by this page)-->
-  <link href="assets/css/pages/login/login-1.css" rel="stylesheet" type="text/css" />
-  <!--end::Page Custom Styles-->
-
-  <!--begin::Global Theme Styles(used by all pages)-->
-  <link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
-  <link href="assets/plugins/custom/prismjs/prismjs.bundle.css" rel="stylesheet" type="text/css" />
-  <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
-  <!--end::Global Theme Styles-->
-
-  <!--begin::Layout Themes(used by all pages)-->
-
-  <link href="assets/css/themes/layout/header/base/light.css" rel="stylesheet" type="text/css" />
-  <link href="assets/css/themes/layout/header/menu/light.css" rel="stylesheet" type="text/css" />
-  <link href="assets/css/themes/layout/brand/dark.css" rel="stylesheet" type="text/css" />
-  <link href="assets/css/themes/layout/aside/dark.css" rel="stylesheet" type="text/css" />
-  <!--end::Layout Themes-->
-
-  <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
-</head>
-<!--end::Head-->
-
-<!--begin::Body-->
-
-<body id="kt_body" class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading">
-  <!--begin::Main-->
-  <div class="d-flex flex-column flex-root">
-    <!--begin::Login-->
-    <div class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login">
-      <!--begin::Aside-->
-      <div class="login-aside d-flex flex-column flex-row-auto" style="background-color: #f2c98a">
-        <!--begin::Aside Top-->
-        <div class="d-flex flex-column-auto flex-column pt-lg-40 pt-15">
-          <!--begin::Aside header-->
-          <a href="#" class="text-center mb-10">
-            <img src="assets/media/logos/logo-letter-1.png" class="max-h-70px" alt="" />
-          </a>
-          <!--end::Aside header-->
-
-          <!--begin::Aside title-->
-          <h3 class="font-weight-bolder text-center font-size-h4 font-size-h1-lg" style="color: #986923">
-            Discover Amazing Metronic<br />
-            with great build tools
-          </h3>
-          <!--end::Aside title-->
-        </div>
-        <!--end::Aside Top-->
-
-        <!--begin::Aside Bottom-->
-        <div class="aside-img d-flex flex-row-fluid bgi-no-repeat bgi-position-y-bottom bgi-position-x-center" style="
-              background-image: url(assets/media/svg/illustrations/login-visual-1.svg);
-            "></div>
-        <!--end::Aside Bottom-->
-      </div>
-      <!--begin::Aside-->
-
-      <!--begin::Content-->
-      <div class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto">
-        <!--begin::Content body-->
-        <div class="d-flex flex-column-fluid flex-center">
-          <!--begin::Signin-->
-          <div class="login-form login-signin">
-            <!--begin::Form-->
-            <form class="form" novalidate="novalidate" id="kt_login_signin_form">
-              <!--begin::Title-->
-              <div class="pb-13 pt-lg-0 pt-5">
-                <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg d-flex justify-content-center">
-                  Welcome to Corporate Portal
-                </h3>
-              </div>
-              <!--begin::Title-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <label class="font-size-h6 font-weight-bolder text-dark">Email</label>
-                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="text" name="username" autocomplete="off" />
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <div class="d-flex justify-content-between mt-n5">
-                  <label class="font-size-h6 font-weight-bolder text-dark pt-5">Password</label>
-
-                  <a href="javascript:;" class="text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5" id="kt_login_forgot">
-                    Forgot Password ?
-                  </a>
-                </div>
-
-                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="password" name="password" autocomplete="off" />
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Action-->
-              <div class="pb-lg-0 pb-5">
-                <button type="button" id="kt_login_signin_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">
-                  Sign In
-                </button>
-
-                <button type="button" class="btn btn-light-primary font-weight-bolder px-8 py-4 my-3 font-size-lg">
-                  <span class="svg-icon svg-icon-md"><!--begin::Svg Icon | path:assets/media/svg/social-icons/google.svg--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                      <path d="M19.9895 10.1871C19.9895 9.36767 19.9214 8.76973 19.7742 8.14966H10.1992V11.848H15.8195C15.7062 12.7671 15.0943 14.1512 13.7346 15.0813L13.7155 15.2051L16.7429 17.4969L16.9527 17.5174C18.879 15.7789 19.9895 13.221 19.9895 10.1871Z" fill="#4285F4" />
-                      <path d="M10.1993 19.9313C12.9527 19.9313 15.2643 19.0454 16.9527 17.5174L13.7346 15.0813C12.8734 15.6682 11.7176 16.0779 10.1993 16.0779C7.50243 16.0779 5.21352 14.3395 4.39759 11.9366L4.27799 11.9466L1.13003 14.3273L1.08887 14.4391C2.76588 17.6945 6.21061 19.9313 10.1993 19.9313Z" fill="#34A853" />
-                      <path d="M4.39748 11.9366C4.18219 11.3166 4.05759 10.6521 4.05759 9.96565C4.05759 9.27909 4.18219 8.61473 4.38615 7.99466L4.38045 7.8626L1.19304 5.44366L1.08875 5.49214C0.397576 6.84305 0.000976562 8.36008 0.000976562 9.96565C0.000976562 11.5712 0.397576 13.0882 1.08875 14.4391L4.39748 11.9366Z" fill="#FBBC05" />
-                      <path d="M10.1993 3.85336C12.1142 3.85336 13.406 4.66168 14.1425 5.33717L17.0207 2.59107C15.253 0.985496 12.9527 0 10.1993 0C6.2106 0 2.76588 2.23672 1.08887 5.49214L4.38626 7.99466C5.21352 5.59183 7.50242 3.85336 10.1993 3.85336Z" fill="#EB4335" />
-                    </svg><!--end::Svg Icon--></span>
-                  Sign in with Google
-                </button>
-              </div>
-              <!--end::Action-->
-            </form>
-            <!--end::Form-->
-          </div>
-          <!--end::Signin-->
-
-          <!--begin::Signup-->
-          <div class="login-form login-signup">
-            <!--begin::Form-->
-            <form class="form" novalidate="novalidate" id="kt_login_signup_form">
-              <!--begin::Title-->
-              <div class="pb-13 pt-lg-0 pt-5">
-                <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">
-                  Sign Up
-                </h3>
-                <p class="text-muted font-weight-bold font-size-h4">
-                  Enter your details to create your account
-                </p>
-              </div>
-              <!--end::Title-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="text" placeholder="Fullname" name="fullname" autocomplete="off" />
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Password" name="password" autocomplete="off" />
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Confirm password" name="cpassword" autocomplete="off" />
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <label class="checkbox mb-0">
-                  <input type="checkbox" name="agree" />I Agree the
-                  <a href="#">terms and conditions</a>.
-                  <span></span>
-                </label>
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Form group-->
-              <div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
-                <button type="button" id="kt_login_signup_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">
-                  Submit
-                </button>
-                <button type="button" id="kt_login_signup_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">
-                  Cancel
-                </button>
-              </div>
-              <!--end::Form group-->
-            </form>
-            <!--end::Form-->
-          </div>
-          <!--end::Signup-->
-
-          <!--begin::Forgot-->
-          <div class="login-form login-forgot">
-            <!--begin::Form-->
-            <form class="form" novalidate="novalidate" id="kt_login_forgot_form">
-              <!--begin::Title-->
-              <div class="pb-13 pt-lg-0 pt-5">
-                <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">
-                  Forgotten Password ?
-                </h3>
-                <p class="text-muted font-weight-bold font-size-h4">
-                  Enter your email to reset your password
-                </p>
-              </div>
-              <!--end::Title-->
-
-              <!--begin::Form group-->
-              <div class="form-group">
-                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
-              </div>
-              <!--end::Form group-->
-
-              <!--begin::Form group-->
-              <div class="form-group d-flex flex-wrap pb-lg-0">
-                <button type="button" id="kt_login_forgot_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">
-                  Submit
-                </button>
-                <button type="button" id="kt_login_forgot_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">
-                  Cancel
-                </button>
-              </div>
-              <!--end::Form group-->
-            </form>
-            <!--end::Form-->
-          </div>
-          <!--end::Forgot-->
-        </div>
-        <!--end::Content body-->
-
-        <!--begin::Content footer-->
-        <div class="d-flex justify-content-lg-start justify-content-center align-items-end py-7 py-lg-0">
-          <a href="#" class="text-primary font-weight-bolder font-size-h5">Terms</a>
-          <a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Plans</a>
-          <a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Contact Us</a>
-        </div>
-        <!--end::Content footer-->
-      </div>
-      <!--end::Content-->
-    </div>
-    <!--end::Login-->
-  </div>
-  <!--end::Main-->
-
-  <script>
-    var HOST_URL =
-      "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
-  </script>
-  <!--begin::Global Config(global config for global JS scripts)-->
-  <script>
-    var KTAppSettings = {
-      breakpoints: {
-        sm: 576,
-        md: 768,
-        lg: 992,
-        xl: 1200,
-        xxl: 1400,
-      },
-      colors: {
-        theme: {
-          base: {
-            white: "#ffffff",
-            primary: "#3699FF",
-            secondary: "#E5EAEE",
-            success: "#1BC5BD",
-            info: "#8950FC",
-            warning: "#FFA800",
-            danger: "#F64E60",
-            light: "#E4E6EF",
-            dark: "#181C32",
-          },
-          light: {
-            white: "#ffffff",
-            primary: "#E1F0FF",
-            secondary: "#EBEDF3",
-            success: "#C9F7F5",
-            info: "#EEE5FF",
-            warning: "#FFF4DE",
-            danger: "#FFE2E5",
-            light: "#F3F6F9",
-            dark: "#D6D6E0",
-          },
-          inverse: {
-            white: "#ffffff",
-            primary: "#ffffff",
-            secondary: "#3F4254",
-            success: "#ffffff",
-            info: "#ffffff",
-            warning: "#ffffff",
-            danger: "#ffffff",
-            light: "#464E5F",
-            dark: "#ffffff",
-          },
-        },
-        gray: {
-          "gray-100": "#F3F6F9",
-          "gray-200": "#EBEDF3",
-          "gray-300": "#E4E6EF",
-          "gray-400": "#D1D3E0",
-          "gray-500": "#B5B5C3",
-          "gray-600": "#7E8299",
-          "gray-700": "#5E6278",
-          "gray-800": "#3F4254",
-          "gray-900": "#181C32",
-        },
-      },
-      "font-family": "Poppins",
-    };
-  </script>
-  <!--end::Global Config-->
-
-  <!--begin::Global Theme Bundle(used by all pages)-->
-  <script src="assets/plugins/global/plugins.bundle.js"></script>
-  <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
-  <script src="assets/js/scripts.bundle.js"></script>
-  <!--end::Global Theme Bundle-->
-
-  <!--begin::Page Scripts(used by this page)-->
-  <script src="assets/js/pages/custom/login/login-general.js"></script>
-  <!--end::Page Scripts-->
-</body>
-<!--end::Body-->
-
+<!DOCTYPE html>
+<!--
+Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
+Author: KeenThemes
+Website: http://www.keenthemes.com/
+Contact: support@keenthemes.com
+Follow: www.twitter.com/keenthemes
+Dribbble: www.dribbble.com/keenthemes
+Like: www.facebook.com/keenthemes
+Purchase: https://1.envato.market/EA4JP
+Renew Support: https://1.envato.market/EA4JP
+License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
+-->
+<html lang="en">
+<!--begin::Head-->
+
+<head>
+  <base href="../" />
+  <meta charset="utf-8" />
+  <title>Metronic | Login Page 1</title>
+  <meta name="description" content="Login page example" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+
+  <!--begin::Fonts-->
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
+  <!--end::Fonts-->
+
+  <!--begin::Page Custom Styles(used by this page)-->
+  <link href="assets/css/pages/login/login-1.css" rel="stylesheet" type="text/css" />
+  <!--end::Page Custom Styles-->
+
+  <!--begin::Global Theme Styles(used by all pages)-->
+  <link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
+  <link href="assets/plugins/custom/prismjs/prismjs.bundle.css" rel="stylesheet" type="text/css" />
+  <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
+  <!--end::Global Theme Styles-->
+
+  <!--begin::Layout Themes(used by all pages)-->
+
+  <link href="assets/css/themes/layout/header/base/light.css" rel="stylesheet" type="text/css" />
+  <link href="assets/css/themes/layout/header/menu/light.css" rel="stylesheet" type="text/css" />
+  <link href="assets/css/themes/layout/brand/dark.css" rel="stylesheet" type="text/css" />
+  <link href="assets/css/themes/layout/aside/dark.css" rel="stylesheet" type="text/css" />
+  <!--end::Layout Themes-->
+
+  <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
+</head>
+<!--end::Head-->
+
+<!--begin::Body-->
+
+<body id="kt_body" class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading">
+  <!--begin::Main-->
+  <div class="d-flex flex-column flex-root">
+    <!--begin::Login-->
+    <div class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login">
+      <!--begin::Aside-->
+      <div class="login-aside d-flex flex-column flex-row-auto" style="background-color: #f2c98a">
+        <!--begin::Aside Top-->
+        <div class="d-flex flex-column-auto flex-column pt-lg-40 pt-15">
+          <!--begin::Aside header-->
+          <a href="#" class="text-center mb-10">
+            <img src="assets/media/logos/logo-letter-1.png" class="max-h-70px" alt="" />
+          </a>
+          <!--end::Aside header-->
+
+          <!--begin::Aside title-->
+          <h3 class="font-weight-bolder text-center font-size-h4 font-size-h1-lg" style="color: #986923">
+            Discover Amazing Metronic<br />
+            with great build tools
+          </h3>
+          <!--end::Aside title-->
+        </div>
+        <!--end::Aside Top-->
+
+        <!--begin::Aside Bottom-->
+        <div class="aside-img d-flex flex-row-fluid bgi-no-repeat bgi-position-y-bottom bgi-position-x-center" style="
+              background-image: url(assets/media/svg/illustrations/login-visual-1.svg);
+            "></div>
+        <!--end::Aside Bottom-->
+      </div>
+      <!--begin::Aside-->
+
+      <!--begin::Content-->
+      <div class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto">
+        <!--begin::Content body-->
+        <div class="d-flex flex-column-fluid flex-center">
+          <!--begin::Signin-->
+          <div class="login-form login-signin">
+            <!--begin::Form-->
+            <form class="form" novalidate="novalidate" id="kt_login_signin_form">
+              <!--begin::Title-->
+              <div class="pb-13 pt-lg-0 pt-5">
+                <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg d-flex justify-content-center">
+                  Welcome to Corporate Portal
+                </h3>
+              </div>
+              <!--begin::Title-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <label class="font-size-h6 font-weight-bolder text-dark">Email</label>
+                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="text" name="username" autocomplete="off" />
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <div class="d-flex justify-content-between mt-n5">
+                  <label class="font-size-h6 font-weight-bolder text-dark pt-5">Password</label>
+
+                  <a href="javascript:;" class="text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5" id="kt_login_forgot">
+                    Forgot Password ?
+                  </a>
+                </div>
+
+                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="password" name="password" autocomplete="off" />
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Action-->
+              <div class="pb-lg-0 pb-5">
+                <button type="button" id="kt_login_signin_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">
+                  Sign In
+                </button>
+
+                <button type="button" class="btn btn-light-primary font-weight-bolder px-8 py-4 my-3 font-size-lg">
+                  <span class="svg-icon svg-icon-md"><!--begin::Svg Icon | path:assets/media/svg/social-icons/google.svg--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                      <path d="M19.9895 10.1871C19.9895 9.36767 19.9214 8.76973 19.7742 8.14966H10.1992V11.848H15.8195C15.7062 12.7671 15.0943 14.1512 13.7346 15.0813L13.7155 15.2051L16.7429 17.4969L16.9527 17.5174C18.879 15.7789 19.9895 13.221 19.9895 10.1871Z" fill="#4285F4" />
+                      <path d="M10.1993 19.9313C12.9527 19.9313 15.2643 19.0454 16.9527 17.5174L13.7346 15.0813C12.8734 15.6682 11.7176 16.0779 10.1993 16.0779C7.50243 16.0779 5.21352 14.3395 4.39759 11.9366L4.27799 11.9466L1.13003 14.3273L1.08887 14.4391C2.76588 17.6945 6.21061 19.9313 10.1993 19.9313Z" fill="#34A853" />
+                      <path d="M4.39748 11.9366C4.18219 11.3166 4.05759 10.6521 4.05759 9.96565C4.05759 9.27909 4.18219 8.61473 4.38615 7.99466L4.38045 7.8626L1.19304 5.44366L1.08875 5.49214C0.397576 6.84305 0.000976562 8.36008 0.000976562 9.96565C0.000976562 11.5712 0.397576 13.0882 1.08875 14.4391L4.39748 11.9366Z" fill="#FBBC05" />
+                      <path d="M10.1993 3.85336C12.1142 3.85336 13.406 4.66168 14.1425 5.33717L17.0207 2.59107C15.253 0.985496 12.9527 0 10.1993 0C6.2106 0 2.76588 2.23672 1.08887 5.49214L4.38626 7.99466C5.21352 5.59183 7.50242 3.85336 10.1993 3.85336Z" fill="#EB4335" />
+                    </svg><!--end::Svg Icon--></span>
+                  Sign in with Google
+                </button>
+              </div>
+              <!--end::Action-->
+            </form>
+            <!--end::Form-->
+          </div>
+          <!--end::Signin-->
+
+          <!--begin::Signup-->
+          <div class="login-form login-signup">
+            <!--begin::Form-->
+            <form class="form" novalidate="novalidate" id="kt_login_signup_form">
+              <!--begin::Title-->
+              <div class="pb-13 pt-lg-0 pt-5">
+                <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">
+                  Sign Up
+                </h3>
+                <p class="text-muted font-weight-bold font-size-h4">
+                  Enter your details to create your account
+                </p>
+              </div>
+              <!--end::Title-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="text" placeholder="Fullname" name="fullname" autocomplete="off" />
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Password" name="password" autocomplete="off" />
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" placeholder="Confirm password" name="cpassword" autocomplete="off" />
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <label class="checkbox mb-0">
+                  <input type="checkbox" name="agree" />I Agree the
+                  <a href="#">terms and conditions</a>.
+                  <span></span>
+                </label>
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Form group-->
+              <div class="form-group d-flex flex-wrap pb-lg-0 pb-3">
+                <button type="button" id="kt_login_signup_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">
+                  Submit
+                </button>
+                <button type="button" id="kt_login_signup_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">
+                  Cancel
+                </button>
+              </div>
+              <!--end::Form group-->
+            </form>
+            <!--end::Form-->
+          </div>
+          <!--end::Signup-->
+
+          <!--begin::Forgot-->
+          <div class="login-form login-forgot">
+            <!--begin::Form-->
+            <form class="form" novalidate="novalidate" id="kt_login_forgot_form">
+              <!--begin::Title-->
+              <div class="pb-13 pt-lg-0 pt-5">
+                <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">
+                  Forgotten Password ?
+                </h3>
+                <p class="text-muted font-weight-bold font-size-h4">
+                  Enter your email to reset your password
+                </p>
+              </div>
+              <!--end::Title-->
+
+              <!--begin::Form group-->
+              <div class="form-group">
+                <input class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="email" placeholder="Email" name="email" autocomplete="off" />
+              </div>
+              <!--end::Form group-->
+
+              <!--begin::Form group-->
+              <div class="form-group d-flex flex-wrap pb-lg-0">
+                <button type="button" id="kt_login_forgot_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4">
+                  Submit
+                </button>
+                <button type="button" id="kt_login_forgot_cancel" class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3">
+                  Cancel
+                </button>
+              </div>
+              <!--end::Form group-->
+            </form>
+            <!--end::Form-->
+          </div>
+          <!--end::Forgot-->
+        </div>
+        <!--end::Content body-->
+
+        <!--begin::Content footer-->
+        <div class="d-flex justify-content-lg-start justify-content-center align-items-end py-7 py-lg-0">
+          <a href="#" class="text-primary font-weight-bolder font-size-h5">Terms</a>
+          <a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Plans</a>
+          <a href="#" class="text-primary ml-10 font-weight-bolder font-size-h5">Contact Us</a>
+        </div>
+        <!--end::Content footer-->
+      </div>
+      <!--end::Content-->
+    </div>
+    <!--end::Login-->
+  </div>
+  <!--end::Main-->
+
+  <script>
+    var HOST_URL =
+      "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
+  </script>
+  <!--begin::Global Config(global config for global JS scripts)-->
+  <script>
+    var KTAppSettings = {
+      breakpoints: {
+        sm: 576,
+        md: 768,
+        lg: 992,
+        xl: 1200,
+        xxl: 1400,
+      },
+      colors: {
+        theme: {
+          base: {
+            white: "#ffffff",
+            primary: "#3699FF",
+            secondary: "#E5EAEE",
+            success: "#1BC5BD",
+            info: "#8950FC",
+            warning: "#FFA800",
+            danger: "#F64E60",
+            light: "#E4E6EF",
+            dark: "#181C32",
+          },
+          light: {
+            white: "#ffffff",
+            primary: "#E1F0FF",
+            secondary: "#EBEDF3",
+            success: "#C9F7F5",
+            info: "#EEE5FF",
+            warning: "#FFF4DE",
+            danger: "#FFE2E5",
+            light: "#F3F6F9",
+            dark: "#D6D6E0",
+          },
+          inverse: {
+            white: "#ffffff",
+            primary: "#ffffff",
+            secondary: "#3F4254",
+            success: "#ffffff",
+            info: "#ffffff",
+            warning: "#ffffff",
+            danger: "#ffffff",
+            light: "#464E5F",
+            dark: "#ffffff",
+          },
+        },
+        gray: {
+          "gray-100": "#F3F6F9",
+          "gray-200": "#EBEDF3",
+          "gray-300": "#E4E6EF",
+          "gray-400": "#D1D3E0",
+          "gray-500": "#B5B5C3",
+          "gray-600": "#7E8299",
+          "gray-700": "#5E6278",
+          "gray-800": "#3F4254",
+          "gray-900": "#181C32",
+        },
+      },
+      "font-family": "Poppins",
+    };
+  </script>
+  <!--end::Global Config-->
+
+  <!--begin::Global Theme Bundle(used by all pages)-->
+  <script src="assets/plugins/global/plugins.bundle.js"></script>
+  <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+  <script src="assets/js/scripts.bundle.js"></script>
+  <!--end::Global Theme Bundle-->
+
+  <!--begin::Page Scripts(used by this page)-->
+  <script src="assets/js/pages/custom/login/login-general.js"></script>
+  <!--end::Page Scripts-->
+</body>
+<!--end::Body-->
+
 </html>

assets/andy/usergroup.html

@@ -1,336 +1,336 @@
-<!DOCTYPE html>
-<!--
-		Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-		Author: KeenThemes
-		Website: http://www.keenthemes.com/
-		Contact: support@keenthemes.com
-		Follow: www.twitter.com/keenthemes
-		Dribbble: www.dribbble.com/keenthemes
-		Like: www.facebook.com/keenthemes
-		Purchase: https://1.envato.market/EA4JP
-		Renew Support: https://1.envato.market/EA4JP
-		License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-		-->
-<html lang="en">
-  <!--begin::Head-->
-  <head>
-    <base href="../" />
-    <meta charset="utf-8" />
-    <title>Company Portal | { title }</title>
-    <meta name="description" content="Company Portal" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <!--begin::Fonts-->
-    <link rel="stylesheet" href="assets/css/googlefont/poppins.css" />
-    <!--end::Fonts-->
-    <!--begin::Page Custom Styles(used by this page)-->
-    <link
-      href="assets/css/pages/login/login-1.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Page Custom Styles-->
-    <!--begin::Global Theme Styles(used by all pages)-->
-    <link
-      href="assets/plugins/global/plugins.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
-    <!--end::Global Theme Styles-->
-    <!--begin::Layout Themes(used by all pages)-->
-    <link
-      href="assets/css/themes/layout/header/base/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/header/menu/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/brand/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/aside/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Layout Themes-->
-    <link
-      rel="shortcut icon"
-      href="asset-corporate-portal/media/logo/logo-small.jpg"
-    />
-    <!--end::Layout Themes SAS-->
-    <link
-      href="asset-corporate-portal/css/sas.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-  </head>
-  <!--end::Head-->
-  <!--begin::Body-->
-  <body
-    id="kt_body"
-    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
-  >
-    <!--begin::Main-->
-    <div class="p-10 bg-white">
-      <table class="table table-hover table-borderless">
-        <thead>
-          <tr class="rounded-lg bg-header-table">
-            <th scope="col" width="20%">KODE</th>
-            <th scope="col" width="25%">USERGROUP</th>
-            <th scope="col" width="10%">AKSI</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>001</td>
-            <td>Admin</td>
-            <td>
-              <div class="row px-5 d-flex justify-content-around">
-                <button
-                  type="button"
-                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2"
-                >
-                  Edit
-                </button>
-                <button
-                  type="button"
-                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2"
-                >
-                  Hapus
-                </button>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>002</td>
-            <td>Tes</td>
-            <td>
-              <div class="row px-5 d-flex justify-content-around">
-                <button
-                  type="button"
-                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2"
-                  data-toggle="modal"
-                  data-target="#exampleModal"
-                >
-                  Edit
-                </button>
-                <button
-                  type="button"
-                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2"
-                  data-toggle="modal"
-                  data-target="#exampleModal2"
-                >
-                  Hapus
-                </button>
-              </div>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <div></div>
-    <!-- Button trigger modal -->
-    <button
-      type="button"
-      class="btn btn-primary"
-      data-toggle="modal"
-      data-target="#exampleModal"
-    >
-      Launch demo modal
-    </button>
-
-    <!-- Modal -->
-    <div
-      class="modal fade"
-      id="exampleModal"
-      tabindex="-1"
-      aria-labelledby="exampleModalLabel"
-      data-backdrop="static"
-      aria-hidden="true"
-    >
-      <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content rounded-lg">
-          <div class="modal-header border-bottom-0">
-            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
-            <button
-              type="button"
-              class="close"
-              data-dismiss="modal"
-              aria-label="Close"
-            >
-              <span aria-hidden="true">&times;</span>
-            </button>
-          </div>
-          <div class="modal-body border-bottom-0">
-            <p>Apakah anda yakin menghapus user group berikut ?</p>
-            <div class="card rounded-lg">
-              <div class="card-body d-flex flex-row">
-                <div class="d-flex flex-column flex-fill">
-                  <div class="mb-3 text-disabled font-weight-bold">asas</div>
-                  <div class="mb-3 text-disabled">b</div>
-                </div>
-                <div class="d-flex flex-column flex-fill">
-                  <div class="mb-3 font-weight-bold">
-                    d daf;k sa;d sa;ldk s;adj;sads[oai sadksa[ d[
-                  </div>
-                  <div class="mb-3">c</div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="modal-footer border-top-0">
-            <button
-              type="button"
-              class="btn btn-secondary"
-              data-dismiss="modal"
-            >
-              Close
-            </button>
-            <button type="button" class="btn btn-primary">Save changes</button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="modal fade modal-list-print"
-      id="exampleModalSizeLg"
-      tabindex="-1"
-      role="dialog"
-      data-backdrop="static"
-      aria-labelledby="exampleModalSizeLg"
-      aria-hidden="true"
-    ></div>
-    <!-- Modal-->
-    <div
-      class="modal fade"
-      id="exampleModal"
-      tabindex="-1"
-      role="dialog"
-      data-backdrop="static"
-      aria-labelledby="exampleModalLabel"
-      aria-hidden="true"
-    >
-      <div class="modal-dialog" role="document">
-        <div class="modal-content rounded-lg">
-          <div class="modal-header border-bottom-0">
-            <h6 class="modal-title text-black" id="exampleModalLabel">
-              Modal Title dsf
-            </h6>
-            <button
-              type="button"
-              class="close"
-              data-dismiss="modal"
-              aria-label="Close"
-            >
-              <i aria-hidden="true" class="ki ki-close"></i>
-            </button>
-          </div>
-          <div class="modal-body border-bottom-0">
-            ...
-          </div>
-          <div class="modal-footer border-top-0">
-            <button
-              type="button"
-              class="btn btn-outline-secondary font-weight-bold rounded-lg"
-              data-dismiss="modal"
-            >
-              Close
-            </button>
-            <button
-              type="button"
-              class="btn btn-primary btn-shadow font-weight-bold rounded-lg"
-            >
-              Save changes
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div
-      class="modal fade"
-      id="exampleModal2"
-      tabindex="-1"
-      role="dialog"
-      data-backdrop="static"
-      aria-labelledby="exampleModalLabel"
-      aria-hidden="true"
-    >
-      <div class="modal-dialog" role="document">
-        <div class="modal-content rounded-lg bg-danger">
-          <div class="modal-header">
-            <h5 class="modal-title" id="exampleModalLabel">Modal Title</h5>
-            <button
-              type="button"
-              class="close"
-              data-dismiss="modal"
-              aria-label="Close"
-            >
-              <i aria-hidden="true" class="ki ki-close"></i>
-            </button>
-          </div>
-          <div class="modal-body">
-            ...
-          </div>
-          <div class="modal-footer">
-            <button
-              type="button"
-              class="btn btn-light-primary font-weight-bold"
-              data-dismiss="modal"
-            >
-              Close
-            </button>
-            <button type="button" class="btn btn-primary font-weight-bold">
-              Save changes
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--end::Main-->
-    <script src="asset-corporate-portal/js/ktappsetting.js"></script>
-    <!-- iconify -->
-    <script src="assets/js/iconify/iconify.min.js"></script>
-    <!--end::Global Config-->
-    <!--begin::Global Theme Bundle(used by all pages)-->
-    <script src="assets/plugins/global/plugins.bundle.js"></script>
-    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
-    <script src="assets/js/scripts.bundle.js"></script>
-    <script>
-      function ShowLoading() {
-        document
-          .getElementById("demo")
-          .setAttribute("style", "display:block !important;");
-        document
-          .getElementById("a")
-          .setAttribute("style", "display:none !important;");
-      }
-      function ShowForm() {
-        document
-          .getElementById("demo")
-          .setAttribute("style", "display:none !important;");
-        document
-          .getElementById("a")
-          .setAttribute("style", "display:block !important;;");
-      }
-    </script>
-    <!--end::Global Theme Bundle-->
-
-    <!--end::Page Scripts-->
-  </body>
-  <!--end::Body-->
-</html>
+<!DOCTYPE html>
+<!--
+		Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
+		Author: KeenThemes
+		Website: http://www.keenthemes.com/
+		Contact: support@keenthemes.com
+		Follow: www.twitter.com/keenthemes
+		Dribbble: www.dribbble.com/keenthemes
+		Like: www.facebook.com/keenthemes
+		Purchase: https://1.envato.market/EA4JP
+		Renew Support: https://1.envato.market/EA4JP
+		License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
+		-->
+<html lang="en">
+  <!--begin::Head-->
+  <head>
+    <base href="../" />
+    <meta charset="utf-8" />
+    <title>Company Portal | { title }</title>
+    <meta name="description" content="Company Portal" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <!--begin::Fonts-->
+    <link rel="stylesheet" href="assets/css/googlefont/poppins.css" />
+    <!--end::Fonts-->
+    <!--begin::Page Custom Styles(used by this page)-->
+    <link
+      href="assets/css/pages/login/login-1.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Page Custom Styles-->
+    <!--begin::Global Theme Styles(used by all pages)-->
+    <link
+      href="assets/plugins/global/plugins.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
+    <!--end::Global Theme Styles-->
+    <!--begin::Layout Themes(used by all pages)-->
+    <link
+      href="assets/css/themes/layout/header/base/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/header/menu/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/brand/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/aside/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Layout Themes-->
+    <link
+      rel="shortcut icon"
+      href="asset-corporate-portal/media/logo/logo-small.jpg"
+    />
+    <!--end::Layout Themes SAS-->
+    <link
+      href="asset-corporate-portal/css/sas.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+  </head>
+  <!--end::Head-->
+  <!--begin::Body-->
+  <body
+    id="kt_body"
+    class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
+  >
+    <!--begin::Main-->
+    <div class="p-10 bg-white">
+      <table class="table table-hover table-borderless">
+        <thead>
+          <tr class="rounded-lg bg-header-table">
+            <th scope="col" width="20%">KODE</th>
+            <th scope="col" width="25%">USERGROUP</th>
+            <th scope="col" width="10%">AKSI</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>001</td>
+            <td>Admin</td>
+            <td>
+              <div class="row px-5 d-flex justify-content-around">
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2"
+                >
+                  Edit
+                </button>
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2"
+                >
+                  Hapus
+                </button>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>002</td>
+            <td>Tes</td>
+            <td>
+              <div class="row px-5 d-flex justify-content-around">
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2"
+                  data-toggle="modal"
+                  data-target="#exampleModal"
+                >
+                  Edit
+                </button>
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2"
+                  data-toggle="modal"
+                  data-target="#exampleModal2"
+                >
+                  Hapus
+                </button>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div></div>
+    <!-- Button trigger modal -->
+    <button
+      type="button"
+      class="btn btn-primary"
+      data-toggle="modal"
+      data-target="#exampleModal"
+    >
+      Launch demo modal
+    </button>
+
+    <!-- Modal -->
+    <div
+      class="modal fade"
+      id="exampleModal"
+      tabindex="-1"
+      aria-labelledby="exampleModalLabel"
+      data-backdrop="static"
+      aria-hidden="true"
+    >
+      <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content rounded-lg">
+          <div class="modal-header border-bottom-0">
+            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+            <button
+              type="button"
+              class="close"
+              data-dismiss="modal"
+              aria-label="Close"
+            >
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body border-bottom-0">
+            <p>Apakah anda yakin menghapus user group berikut ?</p>
+            <div class="card rounded-lg">
+              <div class="card-body d-flex flex-row">
+                <div class="d-flex flex-column flex-fill">
+                  <div class="mb-3 text-disabled font-weight-bold">asas</div>
+                  <div class="mb-3 text-disabled">b</div>
+                </div>
+                <div class="d-flex flex-column flex-fill">
+                  <div class="mb-3 font-weight-bold">
+                    d daf;k sa;d sa;ldk s;adj;sads[oai sadksa[ d[
+                  </div>
+                  <div class="mb-3">c</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer border-top-0">
+            <button
+              type="button"
+              class="btn btn-secondary"
+              data-dismiss="modal"
+            >
+              Close
+            </button>
+            <button type="button" class="btn btn-primary">Save changes</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="modal fade modal-list-print"
+      id="exampleModalSizeLg"
+      tabindex="-1"
+      role="dialog"
+      data-backdrop="static"
+      aria-labelledby="exampleModalSizeLg"
+      aria-hidden="true"
+    ></div>
+    <!-- Modal-->
+    <div
+      class="modal fade"
+      id="exampleModal"
+      tabindex="-1"
+      role="dialog"
+      data-backdrop="static"
+      aria-labelledby="exampleModalLabel"
+      aria-hidden="true"
+    >
+      <div class="modal-dialog" role="document">
+        <div class="modal-content rounded-lg">
+          <div class="modal-header border-bottom-0">
+            <h6 class="modal-title text-black" id="exampleModalLabel">
+              Modal Title dsf
+            </h6>
+            <button
+              type="button"
+              class="close"
+              data-dismiss="modal"
+              aria-label="Close"
+            >
+              <i aria-hidden="true" class="ki ki-close"></i>
+            </button>
+          </div>
+          <div class="modal-body border-bottom-0">
+            ...
+          </div>
+          <div class="modal-footer border-top-0">
+            <button
+              type="button"
+              class="btn btn-outline-secondary font-weight-bold rounded-lg"
+              data-dismiss="modal"
+            >
+              Close
+            </button>
+            <button
+              type="button"
+              class="btn btn-primary btn-shadow font-weight-bold rounded-lg"
+            >
+              Save changes
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div
+      class="modal fade"
+      id="exampleModal2"
+      tabindex="-1"
+      role="dialog"
+      data-backdrop="static"
+      aria-labelledby="exampleModalLabel"
+      aria-hidden="true"
+    >
+      <div class="modal-dialog" role="document">
+        <div class="modal-content rounded-lg bg-danger">
+          <div class="modal-header">
+            <h5 class="modal-title" id="exampleModalLabel">Modal Title</h5>
+            <button
+              type="button"
+              class="close"
+              data-dismiss="modal"
+              aria-label="Close"
+            >
+              <i aria-hidden="true" class="ki ki-close"></i>
+            </button>
+          </div>
+          <div class="modal-body">
+            ...
+          </div>
+          <div class="modal-footer">
+            <button
+              type="button"
+              class="btn btn-light-primary font-weight-bold"
+              data-dismiss="modal"
+            >
+              Close
+            </button>
+            <button type="button" class="btn btn-primary font-weight-bold">
+              Save changes
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--end::Main-->
+    <script src="asset-corporate-portal/js/ktappsetting.js"></script>
+    <!-- iconify -->
+    <script src="assets/js/iconify/iconify.min.js"></script>
+    <!--end::Global Config-->
+    <!--begin::Global Theme Bundle(used by all pages)-->
+    <script src="assets/plugins/global/plugins.bundle.js"></script>
+    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+    <script src="assets/js/scripts.bundle.js"></script>
+    <script>
+      function ShowLoading() {
+        document
+          .getElementById("demo")
+          .setAttribute("style", "display:block !important;");
+        document
+          .getElementById("a")
+          .setAttribute("style", "display:none !important;");
+      }
+      function ShowForm() {
+        document
+          .getElementById("demo")
+          .setAttribute("style", "display:none !important;");
+        document
+          .getElementById("a")
+          .setAttribute("style", "display:block !important;;");
+      }
+    </script>
+    <!--end::Global Theme Bundle-->
+
+    <!--end::Page Scripts-->
+  </body>
+  <!--end::Body-->
+</html>

assets/asset-corporate-portal/js/ktappsetting.js

@@ -1,58 +1,58 @@
-var KTAppSettings = {
-    breakpoints: {
-        sm: 576,
-        md: 768,
-        lg: 992,
-        xl: 1200,
-        xxl: 1400,
-    },
-    colors: {
-        theme: {
-            base: {
-                white: "#ffffff",
-                primary: "#3699FF",
-                secondary: "#E5EAEE",
-                success: "#1BC5BD",
-                info: "#8950FC",
-                warning: "#FFA800",
-                danger: "#F64E60",
-                light: "#E4E6EF",
-                dark: "#181C32",
-            },
-            light: {
-                white: "#ffffff",
-                primary: "#E1F0FF",
-                secondary: "#EBEDF3",
-                success: "#C9F7F5",
-                info: "#EEE5FF",
-                warning: "#FFF4DE",
-                danger: "#FFE2E5",
-                light: "#F3F6F9",
-                dark: "#D6D6E0",
-            },
-            inverse: {
-                white: "#ffffff",
-                primary: "#ffffff",
-                secondary: "#3F4254",
-                success: "#ffffff",
-                info: "#ffffff",
-                warning: "#ffffff",
-                danger: "#ffffff",
-                light: "#464E5F",
-                dark: "#ffffff",
-            },
-        },
-        gray: {
-            "gray-100": "#F3F6F9",
-            "gray-200": "#EBEDF3",
-            "gray-300": "#E4E6EF",
-            "gray-400": "#D1D3E0",
-            "gray-500": "#B5B5C3",
-            "gray-600": "#7E8299",
-            "gray-700": "#5E6278",
-            "gray-800": "#3F4254",
-            "gray-900": "#181C32",
-        },
-    },
-    "font-family": "Poppins",
+var KTAppSettings = {
+    breakpoints: {
+        sm: 576,
+        md: 768,
+        lg: 992,
+        xl: 1200,
+        xxl: 1400,
+    },
+    colors: {
+        theme: {
+            base: {
+                white: "#ffffff",
+                primary: "#3699FF",
+                secondary: "#E5EAEE",
+                success: "#1BC5BD",
+                info: "#8950FC",
+                warning: "#FFA800",
+                danger: "#F64E60",
+                light: "#E4E6EF",
+                dark: "#181C32",
+            },
+            light: {
+                white: "#ffffff",
+                primary: "#E1F0FF",
+                secondary: "#EBEDF3",
+                success: "#C9F7F5",
+                info: "#EEE5FF",
+                warning: "#FFF4DE",
+                danger: "#FFE2E5",
+                light: "#F3F6F9",
+                dark: "#D6D6E0",
+            },
+            inverse: {
+                white: "#ffffff",
+                primary: "#ffffff",
+                secondary: "#3F4254",
+                success: "#ffffff",
+                info: "#ffffff",
+                warning: "#ffffff",
+                danger: "#ffffff",
+                light: "#464E5F",
+                dark: "#ffffff",
+            },
+        },
+        gray: {
+            "gray-100": "#F3F6F9",
+            "gray-200": "#EBEDF3",
+            "gray-300": "#E4E6EF",
+            "gray-400": "#D1D3E0",
+            "gray-500": "#B5B5C3",
+            "gray-600": "#7E8299",
+            "gray-700": "#5E6278",
+            "gray-800": "#3F4254",
+            "gray-900": "#181C32",
+        },
+    },
+    "font-family": "Poppins",
 };

assets/asset-corporate-portal/js/login-general.js

@@ -1,284 +1,284 @@
-"use strict";
-
-// Class Definition
-var KTLogin = function () {
-	var _login;
-
-	var _showForm = function (form) {
-		var cls = 'login-' + form + '-on';
-		var form = 'kt_login_' + form + '_form';
-
-		_login.removeClass('login-forgot-on');
-		_login.removeClass('login-signin-on');
-		_login.removeClass('login-signup-on');
-
-		_login.addClass(cls);
-
-		KTUtil.animateClass(KTUtil.getById(form), 'animate__animated animate__backInUp');
-	}
-
-	var _handleSignInForm = function () {
-		var validation;
-
-		// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
-		validation = FormValidation.formValidation(
-			KTUtil.getById('kt_login_signin_form'),
-			{
-				fields: {
-					username: {
-						validators: {
-							notEmpty: {
-								message: 'Username is required'
-							}
-						}
-					},
-					password: {
-						validators: {
-							notEmpty: {
-								message: 'Password is required'
-							}
-						}
-					}
-				},
-				plugins: {
-					trigger: new FormValidation.plugins.Trigger(),
-					submitButton: new FormValidation.plugins.SubmitButton(),
-					//defaultSubmit: new FormValidation.plugins.DefaultSubmit(), // Uncomment this line to enable normal button submit after form validation
-					bootstrap: new FormValidation.plugins.Bootstrap()
-				}
-			}
-		);
-
-		$('#kt_login_signin_submit').on('click', function (e) {
-			e.preventDefault();
-
-			validation.validate().then(function (status) {
-				if (status == 'Valid') {
-					swal.fire({
-						text: "All is cool! Now you submit this form",
-						icon: "success",
-						buttonsStyling: false,
-						confirmButtonText: "Ok, got it!",
-						customClass: {
-							confirmButton: "btn font-weight-bold btn-light-primary"
-						}
-					}).then(function () {
-						KTUtil.scrollTop();
-					});
-				} else {
-					swal.fire({
-						text: "Sorry, looks like there are some errors detected, please try again.",
-						icon: "error",
-						buttonsStyling: false,
-						confirmButtonText: "Ok, got it!",
-						customClass: {
-							confirmButton: "btn font-weight-bold btn-light-primary"
-						}
-					}).then(function () {
-						KTUtil.scrollTop();
-					});
-				}
-			});
-		});
-
-		// Handle forgot button
-		$('#kt_login_forgot').on('click', function (e) {
-			e.preventDefault();
-			_showForm('forgot');
-		});
-
-		// Handle signup
-		$('#kt_login_signup').on('click', function (e) {
-			e.preventDefault();
-			_showForm('signup');
-		});
-
-		$('#btn-show').on('click', function () {
-			var passInput = $("#user-password");
-			var passBtn = $("#password-icon");
-			if (passInput.attr('type') === 'password') {
-				passInput.attr('type', 'text');
-				passBtn.attr('class', 'far fa-eye')
-			} else {
-				passInput.attr('type', 'password');
-				passBtn.attr('class', 'far fa-eye-slash')
-			}
-		})
-	}
-
-	var _handleSignUpForm = function (e) {
-		var validation;
-		var form = KTUtil.getById('kt_login_signup_form');
-
-		// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
-		validation = FormValidation.formValidation(
-			form,
-			{
-				fields: {
-					fullname: {
-						validators: {
-							notEmpty: {
-								message: 'Username is required'
-							}
-						}
-					},
-					email: {
-						validators: {
-							notEmpty: {
-								message: 'Email address is required'
-							},
-							emailAddress: {
-								message: 'The value is not a valid email address'
-							}
-						}
-					},
-					password: {
-						validators: {
-							notEmpty: {
-								message: 'The password is required'
-							}
-						}
-					},
-					cpassword: {
-						validators: {
-							notEmpty: {
-								message: 'The password confirmation is required'
-							},
-							identical: {
-								compare: function () {
-									return form.querySelector('[name="password"]').value;
-								},
-								message: 'The password and its confirm are not the same'
-							}
-						}
-					},
-					agree: {
-						validators: {
-							notEmpty: {
-								message: 'You must accept the terms and conditions'
-							}
-						}
-					},
-				},
-				plugins: {
-					trigger: new FormValidation.plugins.Trigger(),
-					bootstrap: new FormValidation.plugins.Bootstrap()
-				}
-			}
-		);
-
-		$('#kt_login_signup_submit').on('click', function (e) {
-			e.preventDefault();
-
-			validation.validate().then(function (status) {
-				if (status == 'Valid') {
-					swal.fire({
-						text: "All is cool! Now you submit this form",
-						icon: "success",
-						buttonsStyling: false,
-						confirmButtonText: "Ok, got it!",
-						customClass: {
-							confirmButton: "btn font-weight-bold btn-light-primary"
-						}
-					}).then(function () {
-						KTUtil.scrollTop();
-					});
-				} else {
-					swal.fire({
-						text: "Sorry, looks like there are some errors detected, please try again.",
-						icon: "error",
-						buttonsStyling: false,
-						confirmButtonText: "Ok, got it!",
-						customClass: {
-							confirmButton: "btn font-weight-bold btn-light-primary"
-						}
-					}).then(function () {
-						KTUtil.scrollTop();
-					});
-				}
-			});
-		});
-
-		// Handle cancel button
-		$('#kt_login_signup_cancel').on('click', function (e) {
-			e.preventDefault();
-
-			_showForm('signin');
-		});
-	}
-
-	var _handleForgotForm = function (e) {
-		var validation;
-
-		// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
-		validation = FormValidation.formValidation(
-			KTUtil.getById('kt_login_forgot_form'),
-			{
-				fields: {
-					email: {
-						validators: {
-							notEmpty: {
-								message: 'Email address is required'
-							},
-							emailAddress: {
-								message: 'The value is not a valid email address'
-							}
-						}
-					}
-				},
-				plugins: {
-					trigger: new FormValidation.plugins.Trigger(),
-					bootstrap: new FormValidation.plugins.Bootstrap()
-				}
-			}
-		);
-
-		// Handle submit button
-		$('#kt_login_forgot_submit').on('click', function (e) {
-			e.preventDefault();
-
-			validation.validate().then(function (status) {
-				if (status == 'Valid') {
-					// Submit form
-					KTUtil.scrollTop();
-				} else {
-					swal.fire({
-						text: "Sorry, looks like there are some errors detected, please try again.",
-						icon: "error",
-						buttonsStyling: false,
-						confirmButtonText: "Ok, got it!",
-						customClass: {
-							confirmButton: "btn font-weight-bold btn-light-primary"
-						}
-					}).then(function () {
-						KTUtil.scrollTop();
-					});
-				}
-			});
-		});
-
-		// Handle cancel button
-		$('#kt_login_forgot_cancel').on('click', function (e) {
-			e.preventDefault();
-
-			_showForm('signin');
-		});
-	}
-
-	// Public Functions
-	return {
-		// public functions
-		init: function () {
-			_login = $('#kt_login');
-
-			_handleSignInForm();
-			_handleSignUpForm();
-			_handleForgotForm();
-		}
-	};
-}();
-
-// Class Initialization
-jQuery(document).ready(function () {
-	KTLogin.init();
-});
+"use strict";
+
+// Class Definition
+var KTLogin = function () {
+	var _login;
+
+	var _showForm = function (form) {
+		var cls = 'login-' + form + '-on';
+		var form = 'kt_login_' + form + '_form';
+
+		_login.removeClass('login-forgot-on');
+		_login.removeClass('login-signin-on');
+		_login.removeClass('login-signup-on');
+
+		_login.addClass(cls);
+
+		KTUtil.animateClass(KTUtil.getById(form), 'animate__animated animate__backInUp');
+	}
+
+	var _handleSignInForm = function () {
+		var validation;
+
+		// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
+		validation = FormValidation.formValidation(
+			KTUtil.getById('kt_login_signin_form'),
+			{
+				fields: {
+					username: {
+						validators: {
+							notEmpty: {
+								message: 'Username is required'
+							}
+						}
+					},
+					password: {
+						validators: {
+							notEmpty: {
+								message: 'Password is required'
+							}
+						}
+					}
+				},
+				plugins: {
+					trigger: new FormValidation.plugins.Trigger(),
+					submitButton: new FormValidation.plugins.SubmitButton(),
+					//defaultSubmit: new FormValidation.plugins.DefaultSubmit(), // Uncomment this line to enable normal button submit after form validation
+					bootstrap: new FormValidation.plugins.Bootstrap()
+				}
+			}
+		);
+
+		$('#kt_login_signin_submit').on('click', function (e) {
+			e.preventDefault();
+
+			validation.validate().then(function (status) {
+				if (status == 'Valid') {
+					// swal.fire({
+					// 	text: "All is cool! Now you submit this form",
+					// 	icon: "success",
+					// 	buttonsStyling: false,
+					// 	confirmButtonText: "Ok, got it!",
+					// 	customClass: {
+					// 		confirmButton: "btn font-weight-bold btn-light-primary"
+					// 	}
+					// }).then(function () {
+					// 	KTUtil.scrollTop();
+					// });
+				} else {
+					swal.fire({
+						text: "Sorry, looks like there are some errors detected, please try again.",
+						icon: "error",
+						buttonsStyling: false,
+						confirmButtonText: "Ok, got it!",
+						customClass: {
+							confirmButton: "btn font-weight-bold btn-light-primary"
+						}
+					}).then(function () {
+						KTUtil.scrollTop();
+					});
+				}
+			});
+		});
+
+		// Handle forgot button
+		$('#kt_login_forgot').on('click', function (e) {
+			e.preventDefault();
+			_showForm('forgot');
+		});
+
+		// Handle signup
+		$('#kt_login_signup').on('click', function (e) {
+			e.preventDefault();
+			_showForm('signup');
+		});
+
+		$('#btn-show').on('click', function () {
+			var passInput = $("#user-password");
+			var passBtn = $("#password-icon");
+			if (passInput.attr('type') === 'password') {
+				passInput.attr('type', 'text');
+				passBtn.attr('class', 'far fa-eye')
+			} else {
+				passInput.attr('type', 'password');
+				passBtn.attr('class', 'far fa-eye-slash')
+			}
+		})
+	}
+
+	var _handleSignUpForm = function (e) {
+		var validation;
+		var form = KTUtil.getById('kt_login_signup_form');
+
+		// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
+		validation = FormValidation.formValidation(
+			form,
+			{
+				fields: {
+					fullname: {
+						validators: {
+							notEmpty: {
+								message: 'Username is required'
+							}
+						}
+					},
+					email: {
+						validators: {
+							notEmpty: {
+								message: 'Email address is required'
+							},
+							emailAddress: {
+								message: 'The value is not a valid email address'
+							}
+						}
+					},
+					password: {
+						validators: {
+							notEmpty: {
+								message: 'The password is required'
+							}
+						}
+					},
+					cpassword: {
+						validators: {
+							notEmpty: {
+								message: 'The password confirmation is required'
+							},
+							identical: {
+								compare: function () {
+									return form.querySelector('[name="password"]').value;
+								},
+								message: 'The password and its confirm are not the same'
+							}
+						}
+					},
+					agree: {
+						validators: {
+							notEmpty: {
+								message: 'You must accept the terms and conditions'
+							}
+						}
+					},
+				},
+				plugins: {
+					trigger: new FormValidation.plugins.Trigger(),
+					bootstrap: new FormValidation.plugins.Bootstrap()
+				}
+			}
+		);
+
+		$('#kt_login_signup_submit').on('click', function (e) {
+			e.preventDefault();
+
+			validation.validate().then(function (status) {
+				if (status == 'Valid') {
+					swal.fire({
+						text: "All is cool! Now you submit this form",
+						icon: "success",
+						buttonsStyling: false,
+						confirmButtonText: "Ok, got it!",
+						customClass: {
+							confirmButton: "btn font-weight-bold btn-light-primary"
+						}
+					}).then(function () {
+						KTUtil.scrollTop();
+					});
+				} else {
+					swal.fire({
+						text: "Sorry, looks like there are some errors detected, please try again.",
+						icon: "error",
+						buttonsStyling: false,
+						confirmButtonText: "Ok, got it!",
+						customClass: {
+							confirmButton: "btn font-weight-bold btn-light-primary"
+						}
+					}).then(function () {
+						KTUtil.scrollTop();
+					});
+				}
+			});
+		});
+
+		// Handle cancel button
+		$('#kt_login_signup_cancel').on('click', function (e) {
+			e.preventDefault();
+
+			_showForm('signin');
+		});
+	}
+
+	var _handleForgotForm = function (e) {
+		var validation;
+
+		// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
+		validation = FormValidation.formValidation(
+			KTUtil.getById('kt_login_forgot_form'),
+			{
+				fields: {
+					email: {
+						validators: {
+							notEmpty: {
+								message: 'Email address is required'
+							},
+							emailAddress: {
+								message: 'The value is not a valid email address'
+							}
+						}
+					}
+				},
+				plugins: {
+					trigger: new FormValidation.plugins.Trigger(),
+					bootstrap: new FormValidation.plugins.Bootstrap()
+				}
+			}
+		);
+
+		// Handle submit button
+		$('#kt_login_forgot_submit').on('click', function (e) {
+			e.preventDefault();
+
+			validation.validate().then(function (status) {
+				if (status == 'Valid') {
+					// Submit form
+					KTUtil.scrollTop();
+				} else {
+					swal.fire({
+						text: "Sorry, looks like there are some errors detected, please try again.",
+						icon: "error",
+						buttonsStyling: false,
+						confirmButtonText: "Ok, got it!",
+						customClass: {
+							confirmButton: "btn font-weight-bold btn-light-primary"
+						}
+					}).then(function () {
+						KTUtil.scrollTop();
+					});
+				}
+			});
+		});
+
+		// Handle cancel button
+		$('#kt_login_forgot_cancel').on('click', function (e) {
+			e.preventDefault();
+
+			_showForm('signin');
+		});
+	}
+
+	// Public Functions
+	return {
+		// public functions
+		init: function () {
+			_login = $('#kt_login');
+
+			_handleSignInForm();
+			_handleSignUpForm();
+			_handleForgotForm();
+		}
+	};
+}();
+
+// Class Initialization
+jQuery(document).ready(function () {
+	KTLogin.init();
+});

assets/assets/css/googlefont/poppins.css

@@ -1,80 +1,80 @@
-/* latin-ext */
-@font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 600;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 600;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+/* latin-ext */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 600;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 600;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

assets/assets/css/googlefont/publicsans.css

@@ -1,120 +1,120 @@
-/* vietnamese */
-@font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 600;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 600;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 600;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Public Sans';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+/* vietnamese */
+@font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 600;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 600;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 600;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Public Sans';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

assets/assets/css/googlefont/roboto.css

@@ -1,224 +1,224 @@
-/* cyrillic-ext */
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-  }
-  /* cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
-    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-  }
-  /* greek-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
-    unicode-range: U+1F00-1FFF;
-  }
-  /* greek */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
-    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* cyrillic-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-  }
-  /* cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
-    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-  }
-  /* greek-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
-    unicode-range: U+1F00-1FFF;
-  }
-  /* greek */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
-    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* cyrillic-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-  }
-  /* cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
-    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-  }
-  /* greek-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
-    unicode-range: U+1F00-1FFF;
-  }
-  /* greek */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
-    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  /* cyrillic-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-  }
-  /* cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
-    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-  }
-  /* greek-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
-    unicode-range: U+1F00-1FFF;
-  }
-  /* greek */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
-    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-  }
-  /* vietnamese */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
-    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
-    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

assets/assets/css/pages/error/error-3.css

@@ -1,6 +1,6 @@
-.error.error-3 .error-title {
-  font-size: 8.7rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-3 .error-title {
-    font-size: 15.7rem !important; } }
+.error.error-3 .error-title {
+  font-size: 8.7rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-3 .error-title {
+    font-size: 15.7rem !important; } }

assets/assets/css/pages/error/error-3.rtl.css

@@ -1,6 +1,6 @@
-.error.error-3 .error-title {
-  font-size: 8.7rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-3 .error-title {
-    font-size: 15.7rem !important; } }
+.error.error-3 .error-title {
+  font-size: 8.7rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-3 .error-title {
+    font-size: 15.7rem !important; } }

assets/assets/css/pages/error/error-4.css

@@ -1,11 +1,11 @@
-.error.error-4 .error-title {
-  font-size: 8.7rem !important; }
-
-.error.error-4 .error-subtitle {
-  font-size: 4.5rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-4 .error-title {
-    font-size: 15.7rem !important; }
-  .error.error-4 .error-subtitle {
-    font-size: 9.5rem !important; } }
+.error.error-4 .error-title {
+  font-size: 8.7rem !important; }
+
+.error.error-4 .error-subtitle {
+  font-size: 4.5rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-4 .error-title {
+    font-size: 15.7rem !important; }
+  .error.error-4 .error-subtitle {
+    font-size: 9.5rem !important; } }

assets/assets/css/pages/error/error-4.rtl.css

@@ -1,11 +1,11 @@
-.error.error-4 .error-title {
-  font-size: 8.7rem !important; }
-
-.error.error-4 .error-subtitle {
-  font-size: 4.5rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-4 .error-title {
-    font-size: 15.7rem !important; }
-  .error.error-4 .error-subtitle {
-    font-size: 9.5rem !important; } }
+.error.error-4 .error-title {
+  font-size: 8.7rem !important; }
+
+.error.error-4 .error-subtitle {
+  font-size: 4.5rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-4 .error-title {
+    font-size: 15.7rem !important; }
+  .error.error-4 .error-subtitle {
+    font-size: 9.5rem !important; } }

assets/assets/css/pages/error/error-5.css

@@ -1,6 +1,6 @@
-.error.error-5 .error-title {
-  font-size: 7rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-5 .error-title {
-    font-size: 14rem !important; } }
+.error.error-5 .error-title {
+  font-size: 7rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-5 .error-title {
+    font-size: 14rem !important; } }

assets/assets/css/pages/error/error-5.rtl.css

@@ -1,6 +1,6 @@
-.error.error-5 .error-title {
-  font-size: 7rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-5 .error-title {
-    font-size: 14rem !important; } }
+.error.error-5 .error-title {
+  font-size: 7rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-5 .error-title {
+    font-size: 14rem !important; } }

assets/assets/css/pages/error/error-6.css

@@ -1,6 +1,6 @@
-.error.error-6 .error-title {
-  font-size: 5rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-6 .error-title {
-    font-size: 10rem !important; } }
+.error.error-6 .error-title {
+  font-size: 5rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-6 .error-title {
+    font-size: 10rem !important; } }

assets/assets/css/pages/error/error-6.rtl.css

@@ -1,6 +1,6 @@
-.error.error-6 .error-title {
-  font-size: 5rem !important; }
-
-@media (min-width: 768px) {
-  .error.error-6 .error-title {
-    font-size: 10rem !important; } }
+.error.error-6 .error-title {
+  font-size: 5rem !important; }
+
+@media (min-width: 768px) {
+  .error.error-6 .error-title {
+    font-size: 10rem !important; } }

assets/assets/css/pages/login/classic/login-1.css

@@ -1,54 +1,54 @@
-.login.login-1 .login-signin,
-.login.login-1 .login-signup,
-.login.login-1 .login-forgot {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-1.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-1.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-1.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-forgot {
-  display: block; }
-
-@media (min-width: 992px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-1 .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-1 .login-form {
-    width: 100%;
-    max-width: 350px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-1 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-1 .login-signin,
+.login.login-1 .login-signup,
+.login.login-1 .login-forgot {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-1.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-1.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-1.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-forgot {
+  display: block; }
+
+@media (min-width: 992px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-1 .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-1 .login-form {
+    width: 100%;
+    max-width: 350px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-1 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-1.rtl.css

@@ -1,54 +1,54 @@
-.login.login-1 .login-signin,
-.login.login-1 .login-signup,
-.login.login-1 .login-forgot {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-1.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-1.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-1.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-forgot {
-  display: block; }
-
-@media (min-width: 992px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-1 .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-1 .login-form {
-    width: 100%;
-    max-width: 350px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-1 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-1 .login-signin,
+.login.login-1 .login-signup,
+.login.login-1 .login-forgot {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-1.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-1.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-1.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-forgot {
+  display: block; }
+
+@media (min-width: 992px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-1 .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-1 .login-form {
+    width: 100%;
+    max-width: 350px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-1 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-2.css

@@ -1,54 +1,54 @@
-.login.login-2 .login-signin,
-.login.login-2 .login-signup,
-.login.login-2 .login-forgot {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-2.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-2.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-2.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-forgot {
-  display: block; }
-
-@media (min-width: 992px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-2 .login-signin,
+.login.login-2 .login-signup,
+.login.login-2 .login-forgot {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-2.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-2.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-2.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-forgot {
+  display: block; }
+
+@media (min-width: 992px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-2.rtl.css

@@ -1,54 +1,54 @@
-.login.login-2 .login-signin,
-.login.login-2 .login-signup,
-.login.login-2 .login-forgot {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-2.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-2.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-2.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-forgot {
-  display: block; }
-
-@media (min-width: 992px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-2 .login-signin,
+.login.login-2 .login-signup,
+.login.login-2 .login-forgot {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-2.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-2.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-2.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-forgot {
+  display: block; }
+
+@media (min-width: 992px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-3.css

@@ -1,40 +1,40 @@
-.login.login-3 .login-signin,
-.login.login-3 .login-signup,
-.login.login-3 .login-forgot {
-  display: none; }
-
-.login.login-3.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-3.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-3.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-3.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-3.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-3.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-3.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-3.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-3.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-3 .login-form {
-  width: 100%;
-  max-width: 450px; }
-
-@media (max-width: 575.98px) {
-  .login.login-3 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-3 .login-signin,
+.login.login-3 .login-signup,
+.login.login-3 .login-forgot {
+  display: none; }
+
+.login.login-3.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-3.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-3.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-3.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-3.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-3.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-3.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-3.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-3.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-3 .login-form {
+  width: 100%;
+  max-width: 450px; }
+
+@media (max-width: 575.98px) {
+  .login.login-3 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-3.rtl.css

@@ -1,40 +1,40 @@
-.login.login-3 .login-signin,
-.login.login-3 .login-signup,
-.login.login-3 .login-forgot {
-  display: none; }
-
-.login.login-3.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-3.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-3.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-3.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-3.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-3.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-3.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-3.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-3.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-3 .login-form {
-  width: 100%;
-  max-width: 450px; }
-
-@media (max-width: 575.98px) {
-  .login.login-3 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-3 .login-signin,
+.login.login-3 .login-signup,
+.login.login-3 .login-forgot {
+  display: none; }
+
+.login.login-3.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-3.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-3.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-3.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-3.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-3.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-3.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-3.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-3.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-3 .login-form {
+  width: 100%;
+  max-width: 450px; }
+
+@media (max-width: 575.98px) {
+  .login.login-3 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-4.css

@@ -1,40 +1,40 @@
-.login.login-4 .login-signin,
-.login.login-4 .login-signup,
-.login.login-4 .login-forgot {
-  display: none; }
-
-.login.login-4.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-4.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-4.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-4.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-4.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-4.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-4.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-4.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-4.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-4 .login-form {
-  width: 100%;
-  max-width: 450px; }
-
-@media (max-width: 575.98px) {
-  .login.login-4 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-4 .login-signin,
+.login.login-4 .login-signup,
+.login.login-4 .login-forgot {
+  display: none; }
+
+.login.login-4.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-4.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-4.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-4.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-4.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-4.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-4.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-4.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-4.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-4 .login-form {
+  width: 100%;
+  max-width: 450px; }
+
+@media (max-width: 575.98px) {
+  .login.login-4 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-4.rtl.css

@@ -1,40 +1,40 @@
-.login.login-4 .login-signin,
-.login.login-4 .login-signup,
-.login.login-4 .login-forgot {
-  display: none; }
-
-.login.login-4.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-4.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-4.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-4.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-4.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-4.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-4.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-4.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-4.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-4 .login-form {
-  width: 100%;
-  max-width: 450px; }
-
-@media (max-width: 575.98px) {
-  .login.login-4 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-4 .login-signin,
+.login.login-4 .login-signup,
+.login.login-4 .login-forgot {
+  display: none; }
+
+.login.login-4.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-4.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-4.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-4.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-4.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-4.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-4.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-4.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-4.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-4 .login-form {
+  width: 100%;
+  max-width: 450px; }
+
+@media (max-width: 575.98px) {
+  .login.login-4 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-5.css

@@ -1,40 +1,40 @@
-.login.login-5 .login-signin,
-.login.login-5 .login-signup,
-.login.login-5 .login-forgot {
-  display: none; }
-
-.login.login-5.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-5.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-5.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-5.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-5.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-5.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-5.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-5.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-5.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-5 .login-form {
-  width: 100%;
-  max-width: 450px; }
-
-@media (max-width: 575.98px) {
-  .login.login-5 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-5 .login-signin,
+.login.login-5 .login-signup,
+.login.login-5 .login-forgot {
+  display: none; }
+
+.login.login-5.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-5.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-5.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-5.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-5.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-5.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-5.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-5.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-5.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-5 .login-form {
+  width: 100%;
+  max-width: 450px; }
+
+@media (max-width: 575.98px) {
+  .login.login-5 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-5.rtl.css

@@ -1,40 +1,40 @@
-.login.login-5 .login-signin,
-.login.login-5 .login-signup,
-.login.login-5 .login-forgot {
-  display: none; }
-
-.login.login-5.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-5.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-5.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-5.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-5.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-5.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-5.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-5.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-5.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-5 .login-form {
-  width: 100%;
-  max-width: 450px; }
-
-@media (max-width: 575.98px) {
-  .login.login-5 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-5 .login-signin,
+.login.login-5 .login-signup,
+.login.login-5 .login-forgot {
+  display: none; }
+
+.login.login-5.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-5.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-5.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-5.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-5.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-5.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-5.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-5.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-5.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-5 .login-form {
+  width: 100%;
+  max-width: 450px; }
+
+@media (max-width: 575.98px) {
+  .login.login-5 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-6.css

@@ -1,82 +1,82 @@
-.login.login-6 .login-signin,
-.login.login-6 .login-signup,
-.login.login-6 .login-forgot {
-  display: none; }
-
-.login.login-6.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-6.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-6.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-6.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-6.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-6.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-6.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-6.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-6.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-6 .login-divider {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center; }
-  .login.login-6 .login-divider > div {
-    height: 400px;
-    background: #ffffff;
-    width: 30px;
-    -webkit-box-shadow: -19px 0 35px -7px rgba(0, 0, 0, 0.05);
-    box-shadow: -19px 0 35px -7px rgba(0, 0, 0, 0.05); }
-
-@media (min-width: 992px) {
-  .login.login-6 .login-wrapper {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-6 .login-wrapper {
-    width: 100%;
-    max-width: 350px; }
-  .login.login-6 .login-divider {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    padding-top: 0;
-    width: 60%;
-    margin: 5px auto;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center; }
-    .login.login-6 .login-divider > div {
-      height: 30px;
-      background: #ffffff;
-      width: 100%;
-      -webkit-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1);
-      box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1); } }
-
-@media (max-width: 767.98px) {
-  .login.login-6 .login-wrapper {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-6 .login-signin,
+.login.login-6 .login-signup,
+.login.login-6 .login-forgot {
+  display: none; }
+
+.login.login-6.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-6.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-6.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-6.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-6.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-6.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-6.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-6.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-6.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-6 .login-divider {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+  .login.login-6 .login-divider > div {
+    height: 400px;
+    background: #ffffff;
+    width: 30px;
+    -webkit-box-shadow: -19px 0 35px -7px rgba(0, 0, 0, 0.05);
+    box-shadow: -19px 0 35px -7px rgba(0, 0, 0, 0.05); }
+
+@media (min-width: 992px) {
+  .login.login-6 .login-wrapper {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-6 .login-wrapper {
+    width: 100%;
+    max-width: 350px; }
+  .login.login-6 .login-divider {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    padding-top: 0;
+    width: 60%;
+    margin: 5px auto;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center; }
+    .login.login-6 .login-divider > div {
+      height: 30px;
+      background: #ffffff;
+      width: 100%;
+      -webkit-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1); } }
+
+@media (max-width: 767.98px) {
+  .login.login-6 .login-wrapper {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/classic/login-6.rtl.css

@@ -1,82 +1,82 @@
-.login.login-6 .login-signin,
-.login.login-6 .login-signup,
-.login.login-6 .login-forgot {
-  display: none; }
-
-.login.login-6.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-6.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-6.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-6.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-6.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-6.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-6.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-6.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-6.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-6 .login-divider {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center; }
-  .login.login-6 .login-divider > div {
-    height: 400px;
-    background: #ffffff;
-    width: 30px;
-    -webkit-box-shadow: 19px 0 35px -7px rgba(0, 0, 0, 0.05);
-    box-shadow: 19px 0 35px -7px rgba(0, 0, 0, 0.05); }
-
-@media (min-width: 992px) {
-  .login.login-6 .login-wrapper {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-6 .login-wrapper {
-    width: 100%;
-    max-width: 350px; }
-  .login.login-6 .login-divider {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    padding-top: 0;
-    width: 60%;
-    margin: 5px auto;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center; }
-    .login.login-6 .login-divider > div {
-      height: 30px;
-      background: #ffffff;
-      width: 100%;
-      -webkit-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1);
-      box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1); } }
-
-@media (max-width: 767.98px) {
-  .login.login-6 .login-wrapper {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-6 .login-signin,
+.login.login-6 .login-signup,
+.login.login-6 .login-forgot {
+  display: none; }
+
+.login.login-6.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-6.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-6.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-6.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-6.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-6.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-6.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-6.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-6.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-6 .login-divider {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+  .login.login-6 .login-divider > div {
+    height: 400px;
+    background: #ffffff;
+    width: 30px;
+    -webkit-box-shadow: 19px 0 35px -7px rgba(0, 0, 0, 0.05);
+    box-shadow: 19px 0 35px -7px rgba(0, 0, 0, 0.05); }
+
+@media (min-width: 992px) {
+  .login.login-6 .login-wrapper {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-6 .login-wrapper {
+    width: 100%;
+    max-width: 350px; }
+  .login.login-6 .login-divider {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    padding-top: 0;
+    width: 60%;
+    margin: 5px auto;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center; }
+    .login.login-6 .login-divider > div {
+      height: 30px;
+      background: #ffffff;
+      width: 100%;
+      -webkit-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, 0.1); } }
+
+@media (max-width: 767.98px) {
+  .login.login-6 .login-wrapper {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/login-1.css

@@ -1,63 +1,63 @@
-.login.login-1 .login-aside .aside-img {
-  min-height: 450px; }
-
-.login.login-1 .login-signin,
-.login.login-1 .login-signup,
-.login.login-1 .login-forgot {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-1.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-1.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-1.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-forgot {
-  display: block; }
-
-@media (min-width: 992px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-1 .login-content {
-    width: 100%;
-    max-width: 500px; }
-    .login.login-1 .login-content .login-form {
-      width: 100%;
-      max-width: 450px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-1 .login-content .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-1 .aside-img {
-    min-height: 300px !important;
-    background-size: 400px; }
-  .login.login-1 .login-content .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-1 .login-aside .aside-img {
+  min-height: 450px; }
+
+.login.login-1 .login-signin,
+.login.login-1 .login-signup,
+.login.login-1 .login-forgot {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-1.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-1.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-1.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-forgot {
+  display: block; }
+
+@media (min-width: 992px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-1 .login-content {
+    width: 100%;
+    max-width: 500px; }
+    .login.login-1 .login-content .login-form {
+      width: 100%;
+      max-width: 450px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-1 .login-content .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-1 .aside-img {
+    min-height: 300px !important;
+    background-size: 400px; }
+  .login.login-1 .login-content .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/login-1.rtl.css

@@ -1,63 +1,63 @@
-.login.login-1 .login-aside .aside-img {
-  min-height: 450px; }
-
-.login.login-1 .login-signin,
-.login.login-1 .login-signup,
-.login.login-1 .login-forgot {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-1.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-1.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-1.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-1.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-1.login-forgot-on .login-forgot {
-  display: block; }
-
-@media (min-width: 992px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-1 .login-content {
-    width: 100%;
-    max-width: 500px; }
-    .login.login-1 .login-content .login-form {
-      width: 100%;
-      max-width: 450px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-1 .login-aside {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-1 .login-content .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-1 .aside-img {
-    min-height: 300px !important;
-    background-size: 400px; }
-  .login.login-1 .login-content .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-1 .login-aside .aside-img {
+  min-height: 450px; }
+
+.login.login-1 .login-signin,
+.login.login-1 .login-signup,
+.login.login-1 .login-forgot {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-1.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-1.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-1.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-1.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-1.login-forgot-on .login-forgot {
+  display: block; }
+
+@media (min-width: 992px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-1 .login-content {
+    width: 100%;
+    max-width: 500px; }
+    .login.login-1 .login-content .login-form {
+      width: 100%;
+      max-width: 450px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-1 .login-aside {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-1 .login-content .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-1 .aside-img {
+    min-height: 300px !important;
+    background-size: 400px; }
+  .login.login-1 .login-content .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/login-2.css

@@ -1,65 +1,65 @@
-.login.login-2 .login-signin,
-.login.login-2 .login-signup,
-.login.login-2 .login-forgot {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-2.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-2.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-2.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-2 .content .content-img {
-  min-height: 450px; }
-
-@media (min-width: 992px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-2 .content .content-img {
-    min-height: 600px !important; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 600px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-2 .content .content-img {
-    min-height: 470px !important;
-    background-size: 700px; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-2 .content .content-img {
-    min-height: 280px !important;
-    background-size: 400px; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-2 .login-signin,
+.login.login-2 .login-signup,
+.login.login-2 .login-forgot {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-2.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-2.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-2.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-2 .content .content-img {
+  min-height: 450px; }
+
+@media (min-width: 992px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-2 .content .content-img {
+    min-height: 600px !important; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 600px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-2 .content .content-img {
+    min-height: 470px !important;
+    background-size: 700px; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-2 .content .content-img {
+    min-height: 280px !important;
+    background-size: 400px; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/login-2.rtl.css

@@ -1,65 +1,65 @@
-.login.login-2 .login-signin,
-.login.login-2 .login-signup,
-.login.login-2 .login-forgot {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signup {
-  display: none; }
-
-.login.login-2.login-signin-on .login-signin {
-  display: block; }
-
-.login.login-2.login-signin-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-signup-on .login-signup {
-  display: block; }
-
-.login.login-2.login-signup-on .login-signin {
-  display: none; }
-
-.login.login-2.login-signup-on .login-forgot {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signup {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-signin {
-  display: none; }
-
-.login.login-2.login-forgot-on .login-forgot {
-  display: block; }
-
-.login.login-2 .content .content-img {
-  min-height: 450px; }
-
-@media (min-width: 992px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-  .login.login-2 .content .content-img {
-    min-height: 600px !important; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 450px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-2 .login-aside {
-    width: 100%;
-    max-width: 600px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-2 .content .content-img {
-    min-height: 470px !important;
-    background-size: 700px; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-2 .content .content-img {
-    min-height: 280px !important;
-    background-size: 400px; }
-  .login.login-2 .login-form {
-    width: 100%;
-    max-width: 100%; } }
+.login.login-2 .login-signin,
+.login.login-2 .login-signup,
+.login.login-2 .login-forgot {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signup {
+  display: none; }
+
+.login.login-2.login-signin-on .login-signin {
+  display: block; }
+
+.login.login-2.login-signin-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-signup-on .login-signup {
+  display: block; }
+
+.login.login-2.login-signup-on .login-signin {
+  display: none; }
+
+.login.login-2.login-signup-on .login-forgot {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signup {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-signin {
+  display: none; }
+
+.login.login-2.login-forgot-on .login-forgot {
+  display: block; }
+
+.login.login-2 .content .content-img {
+  min-height: 450px; }
+
+@media (min-width: 992px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+  .login.login-2 .content .content-img {
+    min-height: 600px !important; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 450px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-2 .login-aside {
+    width: 100%;
+    max-width: 600px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-2 .content .content-img {
+    min-height: 470px !important;
+    background-size: 700px; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-2 .content .content-img {
+    min-height: 280px !important;
+    background-size: 400px; }
+  .login.login-2 .login-form {
+    width: 100%;
+    max-width: 100%; } }

assets/assets/css/pages/login/login-3.css

@@ -1,178 +1,178 @@
-.login.login-3 .login-aside {
-  background-color: #ffffff;
-  -webkit-box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
-  box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15); }
-  .login.login-3 .login-aside .wizard-nav {
-    padding: 0; }
-    .login.login-3 .login-aside .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center; }
-      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 0;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        margin-bottom: 1.5rem; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-          margin-bottom: 0; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          width: 50px;
-          height: 50px;
-          border-radius: 50px;
-          background-color: #F3F6F9;
-          margin-right: 1.4rem; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-            display: none;
-            font-size: 1.4rem; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-            font-weight: 600;
-            color: #3F4254;
-            font-size: 1.35rem; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 500;
-            font-size: 1.4rem; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #B5B5C3;
-            font-size: 1.08rem;
-            font-weight: 500; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: inline-block; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-            display: none; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-          color: #B5B5C3; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-          color: #D1D3E0; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-            background-color: #C9F7F5; }
-            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-              color: #1BC5BD;
-              display: none; }
-            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-              color: #1BC5BD; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-            color: #181C32; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-            color: #B5B5C3; }
-  .login.login-3 .login-aside .aside-img-wizard {
-    min-height: 320px !important;
-    background-size: 400px; }
-
-.login.login-3 .login-content {
-  background-color: #F3F5F9; }
-  .login.login-3 .login-content .form-group .fv-help-block {
-    font-size: 1.1rem !important;
-    padding-top: 3px; }
-
-@media (min-width: 992px) {
-  .login.login-3 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-    .login.login-3 .login-aside .aside-img {
-      min-height: 550px !important;
-      background-size: 630px; }
-  .login.login-3 .login-content .top-signup {
-    max-width: 650px;
-    width: 100%; }
-  .login.login-3 .login-content .top-signin {
-    max-width: 450px;
-    width: 100%; }
-  .login.login-3 .login-content .top-forgot {
-    max-width: 450px;
-    width: 100%; }
-  .login.login-3 .login-content .login-form {
-    width: 100%;
-    max-width: 450px; }
-    .login.login-3 .login-content .login-form.login-form-signup {
-      max-width: 650px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-3 .login-aside {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-3 .login-aside .aside-img {
-    min-height: 500px !important;
-    background-size: 500px; }
-  .login.login-3 .login-aside .login-logo {
-    text-align: center; }
-  .login.login-3 .login-aside .wizard-nav {
-    padding: 0;
-    -ms-flex-line-pack: center;
-    align-content: center; }
-    .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
-      margin-bottom: .5rem; }
-      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-        margin-bottom: 0; }
-  .login.login-3 .login-content .top-signup {
-    width: 100%;
-    max-width: 400px; }
-  .login.login-3 .login-content .top-signin {
-    max-width: 400px;
-    width: 100%; }
-  .login.login-3 .login-content .top-forgot {
-    max-width: 400px;
-    width: 100%; }
-  .login.login-3 .login-content .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-3 .login-aside .aside-img {
-    min-height: 300px !important;
-    background-size: 350px; } }
+.login.login-3 .login-aside {
+  background-color: #ffffff;
+  -webkit-box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
+  box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15); }
+  .login.login-3 .login-aside .wizard-nav {
+    padding: 0; }
+    .login.login-3 .login-aside .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; }
+      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 0;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        margin-bottom: 1.5rem; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+          margin-bottom: 0; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          width: 50px;
+          height: 50px;
+          border-radius: 50px;
+          background-color: #F3F6F9;
+          margin-right: 1.4rem; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+            display: none;
+            font-size: 1.4rem; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+            font-weight: 600;
+            color: #3F4254;
+            font-size: 1.35rem; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 500;
+            font-size: 1.4rem; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #B5B5C3;
+            font-size: 1.08rem;
+            font-weight: 500; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: inline-block; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+            display: none; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+          color: #B5B5C3; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+          color: #D1D3E0; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+            background-color: #C9F7F5; }
+            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+              color: #1BC5BD;
+              display: none; }
+            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+              color: #1BC5BD; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+            color: #181C32; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+            color: #B5B5C3; }
+  .login.login-3 .login-aside .aside-img-wizard {
+    min-height: 320px !important;
+    background-size: 400px; }
+
+.login.login-3 .login-content {
+  background-color: #F3F5F9; }
+  .login.login-3 .login-content .form-group .fv-help-block {
+    font-size: 1.1rem !important;
+    padding-top: 3px; }
+
+@media (min-width: 992px) {
+  .login.login-3 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+    .login.login-3 .login-aside .aside-img {
+      min-height: 550px !important;
+      background-size: 630px; }
+  .login.login-3 .login-content .top-signup {
+    max-width: 650px;
+    width: 100%; }
+  .login.login-3 .login-content .top-signin {
+    max-width: 450px;
+    width: 100%; }
+  .login.login-3 .login-content .top-forgot {
+    max-width: 450px;
+    width: 100%; }
+  .login.login-3 .login-content .login-form {
+    width: 100%;
+    max-width: 450px; }
+    .login.login-3 .login-content .login-form.login-form-signup {
+      max-width: 650px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-3 .login-aside {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-3 .login-aside .aside-img {
+    min-height: 500px !important;
+    background-size: 500px; }
+  .login.login-3 .login-aside .login-logo {
+    text-align: center; }
+  .login.login-3 .login-aside .wizard-nav {
+    padding: 0;
+    -ms-flex-line-pack: center;
+    align-content: center; }
+    .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
+      margin-bottom: .5rem; }
+      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+        margin-bottom: 0; }
+  .login.login-3 .login-content .top-signup {
+    width: 100%;
+    max-width: 400px; }
+  .login.login-3 .login-content .top-signin {
+    max-width: 400px;
+    width: 100%; }
+  .login.login-3 .login-content .top-forgot {
+    max-width: 400px;
+    width: 100%; }
+  .login.login-3 .login-content .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-3 .login-aside .aside-img {
+    min-height: 300px !important;
+    background-size: 350px; } }

assets/assets/css/pages/login/login-3.rtl.css

@@ -1,178 +1,178 @@
-.login.login-3 .login-aside {
-  background-color: #ffffff;
-  -webkit-box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
-  box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15); }
-  .login.login-3 .login-aside .wizard-nav {
-    padding: 0; }
-    .login.login-3 .login-aside .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center; }
-      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 0;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        margin-bottom: 1.5rem; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-          margin-bottom: 0; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          width: 50px;
-          height: 50px;
-          border-radius: 50px;
-          background-color: #F3F6F9;
-          margin-left: 1.4rem; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-            display: none;
-            font-size: 1.4rem; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-            font-weight: 600;
-            color: #3F4254;
-            font-size: 1.35rem; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 500;
-            font-size: 1.4rem; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #B5B5C3;
-            font-size: 1.08rem;
-            font-weight: 500; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: inline-block; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-            display: none; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-          color: #B5B5C3; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-          color: #D1D3E0; }
-        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-            background-color: #C9F7F5; }
-            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-              color: #1BC5BD;
-              display: none; }
-            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-              color: #1BC5BD; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-            color: #181C32; }
-          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-            color: #B5B5C3; }
-  .login.login-3 .login-aside .aside-img-wizard {
-    min-height: 320px !important;
-    background-size: 400px; }
-
-.login.login-3 .login-content {
-  background-color: #F3F5F9; }
-  .login.login-3 .login-content .form-group .fv-help-block {
-    font-size: 1.1rem !important;
-    padding-top: 3px; }
-
-@media (min-width: 992px) {
-  .login.login-3 .login-aside {
-    width: 100%;
-    max-width: 600px; }
-    .login.login-3 .login-aside .aside-img {
-      min-height: 550px !important;
-      background-size: 630px; }
-  .login.login-3 .login-content .top-signup {
-    max-width: 650px;
-    width: 100%; }
-  .login.login-3 .login-content .top-signin {
-    max-width: 450px;
-    width: 100%; }
-  .login.login-3 .login-content .top-forgot {
-    max-width: 450px;
-    width: 100%; }
-  .login.login-3 .login-content .login-form {
-    width: 100%;
-    max-width: 450px; }
-    .login.login-3 .login-content .login-form.login-form-signup {
-      max-width: 650px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-3 .login-aside {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-3 .login-aside .aside-img {
-    min-height: 500px !important;
-    background-size: 500px; }
-  .login.login-3 .login-aside .login-logo {
-    text-align: center; }
-  .login.login-3 .login-aside .wizard-nav {
-    padding: 0;
-    -ms-flex-line-pack: center;
-    align-content: center; }
-    .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
-      margin-bottom: .5rem; }
-      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-        margin-bottom: 0; }
-  .login.login-3 .login-content .top-signup {
-    width: 100%;
-    max-width: 400px; }
-  .login.login-3 .login-content .top-signin {
-    max-width: 400px;
-    width: 100%; }
-  .login.login-3 .login-content .top-forgot {
-    max-width: 400px;
-    width: 100%; }
-  .login.login-3 .login-content .login-form {
-    width: 100%;
-    max-width: 400px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-3 .login-aside .aside-img {
-    min-height: 300px !important;
-    background-size: 350px; } }
+.login.login-3 .login-aside {
+  background-color: #ffffff;
+  -webkit-box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
+  box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15); }
+  .login.login-3 .login-aside .wizard-nav {
+    padding: 0; }
+    .login.login-3 .login-aside .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; }
+      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 0;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        margin-bottom: 1.5rem; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+          margin-bottom: 0; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          width: 50px;
+          height: 50px;
+          border-radius: 50px;
+          background-color: #F3F6F9;
+          margin-left: 1.4rem; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+            display: none;
+            font-size: 1.4rem; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+            font-weight: 600;
+            color: #3F4254;
+            font-size: 1.35rem; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 500;
+            font-size: 1.4rem; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #B5B5C3;
+            font-size: 1.08rem;
+            font-weight: 500; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: inline-block; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+            display: none; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+          color: #B5B5C3; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+          color: #D1D3E0; }
+        .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+            background-color: #C9F7F5; }
+            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+              color: #1BC5BD;
+              display: none; }
+            .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+              color: #1BC5BD; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+            color: #181C32; }
+          .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+            color: #B5B5C3; }
+  .login.login-3 .login-aside .aside-img-wizard {
+    min-height: 320px !important;
+    background-size: 400px; }
+
+.login.login-3 .login-content {
+  background-color: #F3F5F9; }
+  .login.login-3 .login-content .form-group .fv-help-block {
+    font-size: 1.1rem !important;
+    padding-top: 3px; }
+
+@media (min-width: 992px) {
+  .login.login-3 .login-aside {
+    width: 100%;
+    max-width: 600px; }
+    .login.login-3 .login-aside .aside-img {
+      min-height: 550px !important;
+      background-size: 630px; }
+  .login.login-3 .login-content .top-signup {
+    max-width: 650px;
+    width: 100%; }
+  .login.login-3 .login-content .top-signin {
+    max-width: 450px;
+    width: 100%; }
+  .login.login-3 .login-content .top-forgot {
+    max-width: 450px;
+    width: 100%; }
+  .login.login-3 .login-content .login-form {
+    width: 100%;
+    max-width: 450px; }
+    .login.login-3 .login-content .login-form.login-form-signup {
+      max-width: 650px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-3 .login-aside {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-3 .login-aside .aside-img {
+    min-height: 500px !important;
+    background-size: 500px; }
+  .login.login-3 .login-aside .login-logo {
+    text-align: center; }
+  .login.login-3 .login-aside .wizard-nav {
+    padding: 0;
+    -ms-flex-line-pack: center;
+    align-content: center; }
+    .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step {
+      margin-bottom: .5rem; }
+      .login.login-3 .login-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+        margin-bottom: 0; }
+  .login.login-3 .login-content .top-signup {
+    width: 100%;
+    max-width: 400px; }
+  .login.login-3 .login-content .top-signin {
+    max-width: 400px;
+    width: 100%; }
+  .login.login-3 .login-content .top-forgot {
+    max-width: 400px;
+    width: 100%; }
+  .login.login-3 .login-content .login-form {
+    width: 100%;
+    max-width: 400px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-3 .login-aside .aside-img {
+    min-height: 300px !important;
+    background-size: 350px; } }

assets/assets/css/pages/login/login-4.css

@@ -1,161 +1,161 @@
-.login.login-4 .login-container .login-content {
-  width: 450px; }
-  .login.login-4 .login-container .login-content .wizard-nav {
-    padding: 0; }
-    .login.login-4 .login-container .login-content .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center; }
-      .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 0;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        margin-bottom: 1.5rem; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          width: 46px;
-          height: 46px;
-          border-radius: 12px;
-          background-color: #F3F6F9;
-          margin-right: 1rem; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-            display: none;
-            font-size: 1.4rem; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-            font-weight: 600;
-            color: #3F4254;
-            font-size: 1.35rem; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 600;
-            font-size: 1.24rem; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #B5B5C3;
-            font-size: 0.925rem; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: inline-block; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-            display: none; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-          color: #B5B5C3; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-          color: #D1D3E0; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-            background-color: #C9F7F5; }
-            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-              color: #1BC5BD;
-              display: none; }
-            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-              color: #1BC5BD; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-            color: #181C32; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-            color: #B5B5C3; }
-  .login.login-4 .login-container .login-content.login-content-signup {
-    width: 700px; }
-
-.login.login-4 .login-aside {
-  background: linear-gradient(147.04deg, #CA7B70 0.74%, #5A2119 99.61%);
-  width: 700px; }
-  .login.login-4 .login-aside .login-conteiner {
-    height: 100%; }
-
-@media (min-width: 992px) {
-  .login.login-4 .login-aside .login-conteiner {
-    min-height: 610px !important;
-    background-size: 580px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-4 .login-aside .login-conteiner {
-    min-height: 420px !important;
-    background-size: 400px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-4 .login-container .wizard-nav {
-    padding: 0;
-    -ms-flex-line-pack: center;
-    align-content: center; }
-    .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
-      margin-bottom: .5rem; }
-  .login.login-4 .login-aside {
-    width: 100% !important; }
-    .login.login-4 .login-aside .login-conteiner {
-      min-height: 210px !important;
-      background-size: 200px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-4 .login-container {
-    width: 100%; }
-    .login.login-4 .login-container .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column; }
-      .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
-        width: 100%; }
-        .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
-          display: none; }
-    .login.login-4 .login-container .login-content {
-      width: 100%; }
-      .login.login-4 .login-container .login-content.login-content-signup {
-        width: 100%; }
-  .login.login-4 .login-aside {
-    width: 100% !important; } }
-
-@media (max-width: 1800px) {
-  .login.login-4 .login-aside {
-    width: 600px; } }
+.login.login-4 .login-container .login-content {
+  width: 450px; }
+  .login.login-4 .login-container .login-content .wizard-nav {
+    padding: 0; }
+    .login.login-4 .login-container .login-content .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center; }
+      .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 0;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        margin-bottom: 1.5rem; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          width: 46px;
+          height: 46px;
+          border-radius: 12px;
+          background-color: #F3F6F9;
+          margin-right: 1rem; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+            display: none;
+            font-size: 1.4rem; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+            font-weight: 600;
+            color: #3F4254;
+            font-size: 1.35rem; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 600;
+            font-size: 1.24rem; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #B5B5C3;
+            font-size: 0.925rem; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: inline-block; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+            display: none; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+          color: #B5B5C3; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+          color: #D1D3E0; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+            background-color: #C9F7F5; }
+            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+              color: #1BC5BD;
+              display: none; }
+            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+              color: #1BC5BD; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+            color: #181C32; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+            color: #B5B5C3; }
+  .login.login-4 .login-container .login-content.login-content-signup {
+    width: 700px; }
+
+.login.login-4 .login-aside {
+  background: linear-gradient(147.04deg, #CA7B70 0.74%, #5A2119 99.61%);
+  width: 700px; }
+  .login.login-4 .login-aside .login-conteiner {
+    height: 100%; }
+
+@media (min-width: 992px) {
+  .login.login-4 .login-aside .login-conteiner {
+    min-height: 610px !important;
+    background-size: 580px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-4 .login-aside .login-conteiner {
+    min-height: 420px !important;
+    background-size: 400px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-4 .login-container .wizard-nav {
+    padding: 0;
+    -ms-flex-line-pack: center;
+    align-content: center; }
+    .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
+      margin-bottom: .5rem; }
+  .login.login-4 .login-aside {
+    width: 100% !important; }
+    .login.login-4 .login-aside .login-conteiner {
+      min-height: 210px !important;
+      background-size: 200px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-4 .login-container {
+    width: 100%; }
+    .login.login-4 .login-container .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; }
+      .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
+        width: 100%; }
+        .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
+          display: none; }
+    .login.login-4 .login-container .login-content {
+      width: 100%; }
+      .login.login-4 .login-container .login-content.login-content-signup {
+        width: 100%; }
+  .login.login-4 .login-aside {
+    width: 100% !important; } }
+
+@media (max-width: 1800px) {
+  .login.login-4 .login-aside {
+    width: 600px; } }

assets/assets/css/pages/login/login-4.rtl.css

@@ -1,161 +1,161 @@
-.login.login-4 .login-container .login-content {
-  width: 450px; }
-  .login.login-4 .login-container .login-content .wizard-nav {
-    padding: 0; }
-    .login.login-4 .login-container .login-content .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center; }
-      .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 0;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        margin-bottom: 1.5rem; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          width: 46px;
-          height: 46px;
-          border-radius: 12px;
-          background-color: #F3F6F9;
-          margin-left: 1rem; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-            display: none;
-            font-size: 1.4rem; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-            font-weight: 600;
-            color: #3F4254;
-            font-size: 1.35rem; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 600;
-            font-size: 1.24rem; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #B5B5C3;
-            font-size: 0.925rem; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: inline-block; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-            display: none; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-          color: #B5B5C3; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-          color: #D1D3E0; }
-        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-            background-color: #C9F7F5; }
-            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-              color: #1BC5BD;
-              display: none; }
-            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-              color: #1BC5BD; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-            color: #181C32; }
-          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-            color: #B5B5C3; }
-  .login.login-4 .login-container .login-content.login-content-signup {
-    width: 700px; }
-
-.login.login-4 .login-aside {
-  background: linear-gradient(-147.04deg, #CA7B70 0.74%, #5A2119 99.61%);
-  width: 700px; }
-  .login.login-4 .login-aside .login-conteiner {
-    height: 100%; }
-
-@media (min-width: 992px) {
-  .login.login-4 .login-aside .login-conteiner {
-    min-height: 610px !important;
-    background-size: 580px; } }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .login.login-4 .login-aside .login-conteiner {
-    min-height: 420px !important;
-    background-size: 400px; } }
-
-@media (max-width: 991.98px) {
-  .login.login-4 .login-container .wizard-nav {
-    padding: 0;
-    -ms-flex-line-pack: center;
-    align-content: center; }
-    .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
-      margin-bottom: .5rem; }
-  .login.login-4 .login-aside {
-    width: 100% !important; }
-    .login.login-4 .login-aside .login-conteiner {
-      min-height: 210px !important;
-      background-size: 200px; } }
-
-@media (max-width: 575.98px) {
-  .login.login-4 .login-container {
-    width: 100%; }
-    .login.login-4 .login-container .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column; }
-      .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
-        width: 100%; }
-        .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
-          display: none; }
-    .login.login-4 .login-container .login-content {
-      width: 100%; }
-      .login.login-4 .login-container .login-content.login-content-signup {
-        width: 100%; }
-  .login.login-4 .login-aside {
-    width: 100% !important; } }
-
-@media (max-width: 1800px) {
-  .login.login-4 .login-aside {
-    width: 600px; } }
+.login.login-4 .login-container .login-content {
+  width: 450px; }
+  .login.login-4 .login-container .login-content .wizard-nav {
+    padding: 0; }
+    .login.login-4 .login-container .login-content .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center; }
+      .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 0;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        margin-bottom: 1.5rem; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          width: 46px;
+          height: 46px;
+          border-radius: 12px;
+          background-color: #F3F6F9;
+          margin-left: 1rem; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+            display: none;
+            font-size: 1.4rem; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+            font-weight: 600;
+            color: #3F4254;
+            font-size: 1.35rem; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 600;
+            font-size: 1.24rem; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #B5B5C3;
+            font-size: 0.925rem; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: inline-block; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+            display: none; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+          color: #B5B5C3; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+          color: #D1D3E0; }
+        .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+            background-color: #C9F7F5; }
+            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+              color: #1BC5BD;
+              display: none; }
+            .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+              color: #1BC5BD; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+            color: #181C32; }
+          .login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+            color: #B5B5C3; }
+  .login.login-4 .login-container .login-content.login-content-signup {
+    width: 700px; }
+
+.login.login-4 .login-aside {
+  background: linear-gradient(-147.04deg, #CA7B70 0.74%, #5A2119 99.61%);
+  width: 700px; }
+  .login.login-4 .login-aside .login-conteiner {
+    height: 100%; }
+
+@media (min-width: 992px) {
+  .login.login-4 .login-aside .login-conteiner {
+    min-height: 610px !important;
+    background-size: 580px; } }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .login.login-4 .login-aside .login-conteiner {
+    min-height: 420px !important;
+    background-size: 400px; } }
+
+@media (max-width: 991.98px) {
+  .login.login-4 .login-container .wizard-nav {
+    padding: 0;
+    -ms-flex-line-pack: center;
+    align-content: center; }
+    .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
+      margin-bottom: .5rem; }
+  .login.login-4 .login-aside {
+    width: 100% !important; }
+    .login.login-4 .login-aside .login-conteiner {
+      min-height: 210px !important;
+      background-size: 200px; } }
+
+@media (max-width: 575.98px) {
+  .login.login-4 .login-container {
+    width: 100%; }
+    .login.login-4 .login-container .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; }
+      .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step {
+        width: 100%; }
+        .login.login-4 .login-container .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
+          display: none; }
+    .login.login-4 .login-container .login-content {
+      width: 100%; }
+      .login.login-4 .login-container .login-content.login-content-signup {
+        width: 100%; }
+  .login.login-4 .login-aside {
+    width: 100% !important; } }
+
+@media (max-width: 1800px) {
+  .login.login-4 .login-aside {
+    width: 600px; } }

assets/assets/css/pages/wizard/wizard-1.css

@@ -1,110 +1,110 @@
-.wizard.wizard-1 .wizard-nav .wizard-steps {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
-  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    text-align: center; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-      margin-left: 3.5rem;
-      margin-right: 3.5rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
-        color: #B5B5C3;
-        font-size: 3.75rem; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill] {
-          -webkit-transition: fill 0.3s ease;
-          transition: fill 0.3s ease;
-          fill: #B5B5C3; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill] {
-          -webkit-transition: fill 0.3s ease;
-          transition: fill 0.3s ease; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-        color: #7E8299;
-        font-size: 1.1rem;
-        font-weight: 500;
-        margin-top: 0.75rem; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-      color: #7E8299;
-      font-size: 1.25rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
-        display: none; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
-      color: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-      color: #3699FF; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
-      color: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-
-@media (min-width: 768px) and (max-width: 1199.98px) {
-  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
-      font-size: 3.75rem; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-      margin-top: 0.75rem; }
-  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-    font-size: 1.1rem; } }
-
-@media (max-width: 767.98px) {
-  .wizard.wizard-1 .wizard-nav .wizard-steps {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
-      width: 100%;
-      -webkit-box-orient: horizontal;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-      flex-direction: row;
-      -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      margin-bottom: 0.5rem;
-      margin-top: 0.5rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        margin-left: 0;
-        margin-right: 0; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
-          font-size: 1.5rem;
-          margin-right: 1.25rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-        font-size: 1rem; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
-          display: block; } }
+.wizard.wizard-1 .wizard-nav .wizard-steps {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-align: center; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+      margin-left: 3.5rem;
+      margin-right: 3.5rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
+        color: #B5B5C3;
+        font-size: 3.75rem; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill] {
+          -webkit-transition: fill 0.3s ease;
+          transition: fill 0.3s ease;
+          fill: #B5B5C3; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill] {
+          -webkit-transition: fill 0.3s ease;
+          transition: fill 0.3s ease; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+        color: #7E8299;
+        font-size: 1.1rem;
+        font-weight: 500;
+        margin-top: 0.75rem; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+      color: #7E8299;
+      font-size: 1.25rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
+        display: none; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
+      color: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+      color: #3699FF; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
+      color: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+
+@media (min-width: 768px) and (max-width: 1199.98px) {
+  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
+      font-size: 3.75rem; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+      margin-top: 0.75rem; }
+  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+    font-size: 1.1rem; } }
+
+@media (max-width: 767.98px) {
+  .wizard.wizard-1 .wizard-nav .wizard-steps {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
+      width: 100%;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+      flex-direction: row;
+      -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+      justify-content: space-between;
+      margin-bottom: 0.5rem;
+      margin-top: 0.5rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+        flex-direction: row;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        margin-left: 0;
+        margin-right: 0; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
+          font-size: 1.5rem;
+          margin-right: 1.25rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+        font-size: 1rem; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
+          display: block; } }

assets/assets/css/pages/wizard/wizard-1.rtl.css

@@ -1,110 +1,110 @@
-.wizard.wizard-1 .wizard-nav .wizard-steps {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
-  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    text-align: center; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-      margin-right: 3.5rem;
-      margin-left: 3.5rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
-        color: #B5B5C3;
-        font-size: 3.75rem; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill] {
-          -webkit-transition: fill 0.3s ease;
-          transition: fill 0.3s ease;
-          fill: #B5B5C3; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill] {
-          -webkit-transition: fill 0.3s ease;
-          transition: fill 0.3s ease; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-        color: #7E8299;
-        font-size: 1.1rem;
-        font-weight: 500;
-        margin-top: 0.75rem; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-      color: #7E8299;
-      font-size: 1.25rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
-        display: none; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
-      color: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-      color: #3699FF; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
-      color: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-
-@media (min-width: 768px) and (max-width: 1199.98px) {
-  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-    margin-right: 1.5rem;
-    margin-left: 1.5rem; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
-      font-size: 3.75rem; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-      margin-top: 0.75rem; }
-  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-    font-size: 1.1rem; } }
-
-@media (max-width: 767.98px) {
-  .wizard.wizard-1 .wizard-nav .wizard-steps {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column; }
-    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
-      width: 100%;
-      -webkit-box-orient: horizontal;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-      flex-direction: row;
-      -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      margin-bottom: 0.5rem;
-      margin-top: 0.5rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        margin-right: 0;
-        margin-left: 0; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
-          font-size: 1.5rem;
-          margin-left: 1.25rem; }
-      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-        font-size: 1rem; }
-        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
-          display: block; } }
+.wizard.wizard-1 .wizard-nav .wizard-steps {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-align: center; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+      margin-right: 3.5rem;
+      margin-left: 3.5rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
+        color: #B5B5C3;
+        font-size: 3.75rem; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill] {
+          -webkit-transition: fill 0.3s ease;
+          transition: fill 0.3s ease;
+          fill: #B5B5C3; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill] {
+          -webkit-transition: fill 0.3s ease;
+          transition: fill 0.3s ease; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+        color: #7E8299;
+        font-size: 1.1rem;
+        font-weight: 500;
+        margin-top: 0.75rem; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+      color: #7E8299;
+      font-size: 1.25rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
+        display: none; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
+      color: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+      color: #3699FF; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
+      color: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+
+@media (min-width: 768px) and (max-width: 1199.98px) {
+  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+    margin-right: 1.5rem;
+    margin-left: 1.5rem; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
+      font-size: 3.75rem; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+      margin-top: 0.75rem; }
+  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+    font-size: 1.1rem; } }
+
+@media (max-width: 767.98px) {
+  .wizard.wizard-1 .wizard-nav .wizard-steps {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
+      width: 100%;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+      flex-direction: row;
+      -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+      justify-content: space-between;
+      margin-bottom: 0.5rem;
+      margin-top: 0.5rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+        flex-direction: row;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        margin-right: 0;
+        margin-left: 0; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
+          font-size: 1.5rem;
+          margin-left: 1.25rem; }
+      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+        font-size: 1rem; }
+        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
+          display: block; } }

assets/assets/css/pages/wizard/wizard-2.css

@@ -1,124 +1,124 @@
-.wizard.wizard-2 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex; }
-  .wizard.wizard-2 .wizard-nav {
-    padding: 0;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 400px;
-    flex: 0 0 400px;
-    width: 400px;
-    max-width: 100%; }
-    .wizard.wizard-2 .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center; }
-      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 1.5rem;
-        position: relative;
-        border-radius: 0.5rem;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          font-size: 2.5rem;
-          margin-right: 1.1rem;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i {
-            color: #B5B5C3; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill] {
-            -webkit-transition: fill 0.3s ease;
-            transition: fill 0.3s ease;
-            fill: #B5B5C3; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill] {
-            -webkit-transition: fill 0.3s ease;
-            transition: fill 0.3s ease; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 500;
-            font-size: 1.1rem; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #7E8299; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-          color: #7E8299;
-          font-size: 1.25rem; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
-            display: none; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          background-color: #F3F6F9;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon i {
-              color: #3699FF !important; }
-            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill] {
-              -webkit-transition: fill 0.3s ease;
-              transition: fill 0.3s ease;
-              fill: #3699FF !important; }
-            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg:hover g [fill] {
-              -webkit-transition: fill 0.3s ease;
-              transition: fill 0.3s ease; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
-            left: 100%;
-            top: 50%;
-            -webkit-transform: translateY(-50%);
-            transform: translateY(-50%);
-            content: " ";
-            height: 0;
-            width: 0;
-            border: solid transparent;
-            position: absolute;
-            border-left-color: #F3F6F9;
-            border-width: 1rem; }
-  .wizard.wizard-2 .wizard-body {
-    width: 100%; }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .wizard.wizard-2 .wizard-nav {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 325px;
-    flex: 0 0 325px;
-    width: 325px; } }
-
-@media (max-width: 991.98px) {
-  .wizard.wizard-2 {
-    display: block; }
-    .wizard.wizard-2 .wizard-nav {
-      width: 100%;
-      border-bottom: 1px solid #EBEDF3; }
-      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
-        content: none; }
-    .wizard.wizard-2 .wizard-body {
-      width: 100%; } }
+.wizard.wizard-2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+  .wizard.wizard-2 .wizard-nav {
+    padding: 0;
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 400px;
+    flex: 0 0 400px;
+    width: 400px;
+    max-width: 100%; }
+    .wizard.wizard-2 .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; }
+      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 1.5rem;
+        position: relative;
+        border-radius: 0.5rem;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          font-size: 2.5rem;
+          margin-right: 1.1rem;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i {
+            color: #B5B5C3; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill] {
+            -webkit-transition: fill 0.3s ease;
+            transition: fill 0.3s ease;
+            fill: #B5B5C3; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill] {
+            -webkit-transition: fill 0.3s ease;
+            transition: fill 0.3s ease; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 500;
+            font-size: 1.1rem; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #7E8299; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+          color: #7E8299;
+          font-size: 1.25rem; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
+            display: none; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          background-color: #F3F6F9;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon i {
+              color: #3699FF !important; }
+            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill] {
+              -webkit-transition: fill 0.3s ease;
+              transition: fill 0.3s ease;
+              fill: #3699FF !important; }
+            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg:hover g [fill] {
+              -webkit-transition: fill 0.3s ease;
+              transition: fill 0.3s ease; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
+            left: 100%;
+            top: 50%;
+            -webkit-transform: translateY(-50%);
+            transform: translateY(-50%);
+            content: " ";
+            height: 0;
+            width: 0;
+            border: solid transparent;
+            position: absolute;
+            border-left-color: #F3F6F9;
+            border-width: 1rem; }
+  .wizard.wizard-2 .wizard-body {
+    width: 100%; }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .wizard.wizard-2 .wizard-nav {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 325px;
+    flex: 0 0 325px;
+    width: 325px; } }
+
+@media (max-width: 991.98px) {
+  .wizard.wizard-2 {
+    display: block; }
+    .wizard.wizard-2 .wizard-nav {
+      width: 100%;
+      border-bottom: 1px solid #EBEDF3; }
+      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
+        content: none; }
+    .wizard.wizard-2 .wizard-body {
+      width: 100%; } }

assets/assets/css/pages/wizard/wizard-2.rtl.css

@@ -1,124 +1,124 @@
-.wizard.wizard-2 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex; }
-  .wizard.wizard-2 .wizard-nav {
-    padding: 0;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 400px;
-    flex: 0 0 400px;
-    width: 400px;
-    max-width: 100%; }
-    .wizard.wizard-2 .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center; }
-      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 1.5rem;
-        position: relative;
-        border-radius: 0.5rem;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          font-size: 2.5rem;
-          margin-left: 1.1rem;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i {
-            color: #B5B5C3; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill] {
-            -webkit-transition: fill 0.3s ease;
-            transition: fill 0.3s ease;
-            fill: #B5B5C3; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill] {
-            -webkit-transition: fill 0.3s ease;
-            transition: fill 0.3s ease; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 500;
-            font-size: 1.1rem; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #7E8299; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
-          color: #7E8299;
-          font-size: 1.25rem; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
-            display: none; }
-        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          background-color: #F3F6F9;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon i {
-              color: #3699FF !important; }
-            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill] {
-              -webkit-transition: fill 0.3s ease;
-              transition: fill 0.3s ease;
-              fill: #3699FF !important; }
-            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg:hover g [fill] {
-              -webkit-transition: fill 0.3s ease;
-              transition: fill 0.3s ease; }
-          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
-            right: 100%;
-            top: 50%;
-            -webkit-transform: translateY(-50%);
-            transform: translateY(-50%);
-            content: " ";
-            height: 0;
-            width: 0;
-            border: solid transparent;
-            position: absolute;
-            border-right-color: #F3F6F9;
-            border-width: 1rem; }
-  .wizard.wizard-2 .wizard-body {
-    width: 100%; }
-
-@media (min-width: 992px) and (max-width: 1399.98px) {
-  .wizard.wizard-2 .wizard-nav {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 325px;
-    flex: 0 0 325px;
-    width: 325px; } }
-
-@media (max-width: 991.98px) {
-  .wizard.wizard-2 {
-    display: block; }
-    .wizard.wizard-2 .wizard-nav {
-      width: 100%;
-      border-bottom: 1px solid #EBEDF3; }
-      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
-        content: none; }
-    .wizard.wizard-2 .wizard-body {
-      width: 100%; } }
+.wizard.wizard-2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+  .wizard.wizard-2 .wizard-nav {
+    padding: 0;
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 400px;
+    flex: 0 0 400px;
+    width: 400px;
+    max-width: 100%; }
+    .wizard.wizard-2 .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; }
+      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 1.5rem;
+        position: relative;
+        border-radius: 0.5rem;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          font-size: 2.5rem;
+          margin-left: 1.1rem;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i {
+            color: #B5B5C3; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill] {
+            -webkit-transition: fill 0.3s ease;
+            transition: fill 0.3s ease;
+            fill: #B5B5C3; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill] {
+            -webkit-transition: fill 0.3s ease;
+            transition: fill 0.3s ease; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 500;
+            font-size: 1.1rem; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #7E8299; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
+          color: #7E8299;
+          font-size: 1.25rem; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
+            display: none; }
+        .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          background-color: #F3F6F9;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon i {
+              color: #3699FF !important; }
+            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill] {
+              -webkit-transition: fill 0.3s ease;
+              transition: fill 0.3s ease;
+              fill: #3699FF !important; }
+            .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg:hover g [fill] {
+              -webkit-transition: fill 0.3s ease;
+              transition: fill 0.3s ease; }
+          .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
+            right: 100%;
+            top: 50%;
+            -webkit-transform: translateY(-50%);
+            transform: translateY(-50%);
+            content: " ";
+            height: 0;
+            width: 0;
+            border: solid transparent;
+            position: absolute;
+            border-right-color: #F3F6F9;
+            border-width: 1rem; }
+  .wizard.wizard-2 .wizard-body {
+    width: 100%; }
+
+@media (min-width: 992px) and (max-width: 1399.98px) {
+  .wizard.wizard-2 .wizard-nav {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 325px;
+    flex: 0 0 325px;
+    width: 325px; } }
+
+@media (max-width: 991.98px) {
+  .wizard.wizard-2 {
+    display: block; }
+    .wizard.wizard-2 .wizard-nav {
+      width: 100%;
+      border-bottom: 1px solid #EBEDF3; }
+      .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after {
+        content: none; }
+    .wizard.wizard-2 .wizard-body {
+      width: 100%; } }

assets/assets/css/pages/wizard/wizard-3.css

@@ -1,93 +1,93 @@
-.wizard.wizard-3 .wizard-nav .wizard-steps {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end; }
-  .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    margin-right: 1rem; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child {
-      margin-right: 0; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-      -webkit-box-flex: 1;
-      -ms-flex: 1;
-      flex: 1;
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      color: #B5B5C3;
-      padding: 2rem 0.5rem; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-        font-size: 1.1rem;
-        font-weight: 600;
-        margin-bottom: 0.5rem;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap; }
-        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span {
-          font-size: 2rem;
-          margin-right: 0.5rem; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar {
-        height: 4px;
-        width: 100%;
-        background-color: #EBEDF3;
-        position: relative; }
-        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after {
-          content: " ";
-          position: absolute;
-          top: 0;
-          left: 0;
-          height: 4px;
-          width: 0;
-          background-color: transparent;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
-      color: #3699FF; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
-        width: 100%;
-        background-color: #3699FF; }
-
-@media (max-width: 991.98px) {
-  .wizard.wizard-3 .wizard-nav .wizard-steps {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      position: relative;
-      width: 100%; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start;
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        padding: 1rem 0; } }
+.wizard.wizard-3 .wizard-nav .wizard-steps {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
+  .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    margin-right: 1rem; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child {
+      margin-right: 0; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      color: #B5B5C3;
+      padding: 2rem 0.5rem; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+        font-size: 1.1rem;
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap; }
+        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span {
+          font-size: 2rem;
+          margin-right: 0.5rem; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar {
+        height: 4px;
+        width: 100%;
+        background-color: #EBEDF3;
+        position: relative; }
+        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after {
+          content: " ";
+          position: absolute;
+          top: 0;
+          left: 0;
+          height: 4px;
+          width: 0;
+          background-color: transparent;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
+      color: #3699FF; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
+        width: 100%;
+        background-color: #3699FF; }
+
+@media (max-width: 991.98px) {
+  .wizard.wizard-3 .wizard-nav .wizard-steps {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 100%;
+      flex: 0 0 100%;
+      position: relative;
+      width: 100%; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+        -webkit-box-pack: start;
+        -ms-flex-pack: start;
+        justify-content: flex-start;
+        -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        padding: 1rem 0; } }

assets/assets/css/pages/wizard/wizard-3.rtl.css

@@ -1,93 +1,93 @@
-.wizard.wizard-3 .wizard-nav .wizard-steps {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end; }
-  .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    margin-left: 1rem; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child {
-      margin-left: 0; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-      -webkit-box-flex: 1;
-      -ms-flex: 1;
-      flex: 1;
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      color: #B5B5C3;
-      padding: 2rem 0.5rem; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-        font-size: 1.1rem;
-        font-weight: 600;
-        margin-bottom: 0.5rem;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap; }
-        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span {
-          font-size: 2rem;
-          margin-left: 0.5rem; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar {
-        height: 4px;
-        width: 100%;
-        background-color: #EBEDF3;
-        position: relative; }
-        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after {
-          content: " ";
-          position: absolute;
-          top: 0;
-          right: 0;
-          height: 4px;
-          width: 0;
-          background-color: transparent;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
-      color: #3699FF; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
-        width: 100%;
-        background-color: #3699FF; }
-
-@media (max-width: 991.98px) {
-  .wizard.wizard-3 .wizard-nav .wizard-steps {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start; }
-    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      position: relative;
-      width: 100%; }
-      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start;
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        padding: 1rem 0; } }
+.wizard.wizard-3 .wizard-nav .wizard-steps {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
+  .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    margin-left: 1rem; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step:last-child {
+      margin-left: 0; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      color: #B5B5C3;
+      padding: 2rem 0.5rem; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+        font-size: 1.1rem;
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap; }
+        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span {
+          font-size: 2rem;
+          margin-left: 0.5rem; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar {
+        height: 4px;
+        width: 100%;
+        background-color: #EBEDF3;
+        position: relative; }
+        .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar:after {
+          content: " ";
+          position: absolute;
+          top: 0;
+          right: 0;
+          height: 4px;
+          width: 0;
+          background-color: transparent;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
+      color: #3699FF; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
+        width: 100%;
+        background-color: #3699FF; }
+
+@media (max-width: 991.98px) {
+  .wizard.wizard-3 .wizard-nav .wizard-steps {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+    .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 100%;
+      flex: 0 0 100%;
+      position: relative;
+      width: 100%; }
+      .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
+        -webkit-box-pack: start;
+        -ms-flex-pack: start;
+        justify-content: flex-start;
+        -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        padding: 1rem 0; } }

assets/assets/css/pages/wizard/wizard-4.css

@@ -1,148 +1,148 @@
-.wizard.wizard-4 {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column; }
-  .wizard.wizard-4 .wizard-nav .wizard-steps {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: end;
-    -ms-flex-align: end;
-    align-items: flex-end;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(25% - 0.25rem);
-      flex: 0 0 calc(25% - 0.25rem);
-      width: calc(25% - 0.25rem);
-      background-color: #F3F6F9;
-      border-top-left-radius: 0.5rem;
-      border-top-right-radius: 0.5rem; }
-      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-        -webkit-box-flex: 1;
-        -ms-flex: 1;
-        flex: 1;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-        color: #3F4254;
-        padding: 2rem 2.5rem; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number {
-          font-size: 1.3rem;
-          font-weight: 600;
-          -webkit-box-flex: 0;
-          -ms-flex: 0 0 2.75rem;
-          flex: 0 0 2.75rem;
-          height: 2.75rem;
-          width: 2.75rem;
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          background-color: rgba(54, 153, 255, 0.08);
-          color: #3699FF;
-          margin-right: 1rem;
-          border-radius: 0.5rem; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column; }
-          .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title {
-            font-size: 1.1rem;
-            font-weight: 600; }
-      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-        background-color: #ffffff; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-number {
-          color: #ffffff;
-          background-color: #3699FF; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-label .wizard-title {
-          color: #3699FF; }
-    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(50% - 0.25rem);
-      flex: 0 0 calc(50% - 0.25rem);
-      width: calc(50% - 0.25rem); }
-    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(33.33333% - 0.25rem);
-      flex: 0 0 calc(33.33333% - 0.25rem);
-      width: calc(33.33333% - 0.25rem); }
-    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(25% - 0.25rem);
-      flex: 0 0 calc(25% - 0.25rem);
-      width: calc(25% - 0.25rem); }
-
-@media (max-width: 1399.98px) {
-  .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 calc(50% - 0.25rem);
-    flex: 0 0 calc(50% - 0.25rem);
-    width: calc(50% - 0.25rem);
-    border-bottom-left-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-    margin-bottom: 0.5rem; }
-  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step, .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 calc(50% - 0.25rem);
-    flex: 0 0 calc(50% - 0.25rem);
-    width: calc(50% - 0.25rem); }
-  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 100%;
-    flex: 0 0 100%;
-    width: 100%; } }
-
-@media (max-width: 767.98px) {
-  .wizard.wizard-4 .wizard-nav .wizard-steps {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start; }
-    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-      -webkit-box-flex: 0 !important;
-      -ms-flex: 0 0 100% !important;
-      flex: 0 0 100% !important;
-      position: relative;
-      width: 100% !important; }
-      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start;
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        padding: 0.5rem 2rem; } }
+.wizard.wizard-4 {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+  .wizard.wizard-4 .wizard-nav .wizard-steps {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: end;
+    -ms-flex-align: end;
+    align-items: flex-end;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(25% - 0.25rem);
+      flex: 0 0 calc(25% - 0.25rem);
+      width: calc(25% - 0.25rem);
+      background-color: #F3F6F9;
+      border-top-left-radius: 0.5rem;
+      border-top-right-radius: 0.5rem; }
+      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+        -webkit-box-flex: 1;
+        -ms-flex: 1;
+        flex: 1;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        color: #3F4254;
+        padding: 2rem 2.5rem; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number {
+          font-size: 1.3rem;
+          font-weight: 600;
+          -webkit-box-flex: 0;
+          -ms-flex: 0 0 2.75rem;
+          flex: 0 0 2.75rem;
+          height: 2.75rem;
+          width: 2.75rem;
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          background-color: rgba(54, 153, 255, 0.08);
+          color: #3699FF;
+          margin-right: 1rem;
+          border-radius: 0.5rem; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column; }
+          .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title {
+            font-size: 1.1rem;
+            font-weight: 600; }
+      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+        background-color: #ffffff; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-number {
+          color: #ffffff;
+          background-color: #3699FF; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-label .wizard-title {
+          color: #3699FF; }
+    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(50% - 0.25rem);
+      flex: 0 0 calc(50% - 0.25rem);
+      width: calc(50% - 0.25rem); }
+    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(33.33333% - 0.25rem);
+      flex: 0 0 calc(33.33333% - 0.25rem);
+      width: calc(33.33333% - 0.25rem); }
+    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(25% - 0.25rem);
+      flex: 0 0 calc(25% - 0.25rem);
+      width: calc(25% - 0.25rem); }
+
+@media (max-width: 1399.98px) {
+  .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 calc(50% - 0.25rem);
+    flex: 0 0 calc(50% - 0.25rem);
+    width: calc(50% - 0.25rem);
+    border-bottom-left-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+    margin-bottom: 0.5rem; }
+  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step, .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 calc(50% - 0.25rem);
+    flex: 0 0 calc(50% - 0.25rem);
+    width: calc(50% - 0.25rem); }
+  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    width: 100%; } }
+
+@media (max-width: 767.98px) {
+  .wizard.wizard-4 .wizard-nav .wizard-steps {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
+      -webkit-box-flex: 0 !important;
+      -ms-flex: 0 0 100% !important;
+      flex: 0 0 100% !important;
+      position: relative;
+      width: 100% !important; }
+      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+        -webkit-box-pack: start;
+        -ms-flex-pack: start;
+        justify-content: flex-start;
+        -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        padding: 0.5rem 2rem; } }

assets/assets/css/pages/wizard/wizard-4.rtl.css

@@ -1,148 +1,148 @@
-.wizard.wizard-4 {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column; }
-  .wizard.wizard-4 .wizard-nav .wizard-steps {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: end;
-    -ms-flex-align: end;
-    align-items: flex-end;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(25% - 0.25rem);
-      flex: 0 0 calc(25% - 0.25rem);
-      width: calc(25% - 0.25rem);
-      background-color: #F3F6F9;
-      border-top-right-radius: 0.5rem;
-      border-top-left-radius: 0.5rem; }
-      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-        -webkit-box-flex: 1;
-        -ms-flex: 1;
-        flex: 1;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-        color: #3F4254;
-        padding: 2rem 2.5rem; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number {
-          font-size: 1.3rem;
-          font-weight: 600;
-          -webkit-box-flex: 0;
-          -ms-flex: 0 0 2.75rem;
-          flex: 0 0 2.75rem;
-          height: 2.75rem;
-          width: 2.75rem;
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          background-color: rgba(54, 153, 255, 0.08);
-          color: #3699FF;
-          margin-left: 1rem;
-          border-radius: 0.5rem; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column; }
-          .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title {
-            font-size: 1.1rem;
-            font-weight: 600; }
-      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-        background-color: #ffffff; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-number {
-          color: #ffffff;
-          background-color: #3699FF; }
-        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-label .wizard-title {
-          color: #3699FF; }
-    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(50% - 0.25rem);
-      flex: 0 0 calc(50% - 0.25rem);
-      width: calc(50% - 0.25rem); }
-    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(33.33333% - 0.25rem);
-      flex: 0 0 calc(33.33333% - 0.25rem);
-      width: calc(33.33333% - 0.25rem); }
-    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 calc(25% - 0.25rem);
-      flex: 0 0 calc(25% - 0.25rem);
-      width: calc(25% - 0.25rem); }
-
-@media (max-width: 1399.98px) {
-  .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 calc(50% - 0.25rem);
-    flex: 0 0 calc(50% - 0.25rem);
-    width: calc(50% - 0.25rem);
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-    margin-bottom: 0.5rem; }
-  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step, .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 calc(50% - 0.25rem);
-    flex: 0 0 calc(50% - 0.25rem);
-    width: calc(50% - 0.25rem); }
-  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 100%;
-    flex: 0 0 100%;
-    width: 100%; } }
-
-@media (max-width: 767.98px) {
-  .wizard.wizard-4 .wizard-nav .wizard-steps {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start; }
-    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
-      -webkit-box-flex: 0 !important;
-      -ms-flex: 0 0 100% !important;
-      flex: 0 0 100% !important;
-      position: relative;
-      width: 100% !important; }
-      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-        -webkit-box-pack: start;
-        -ms-flex-pack: start;
-        justify-content: flex-start;
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        padding: 0.5rem 2rem; } }
+.wizard.wizard-4 {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+  .wizard.wizard-4 .wizard-nav .wizard-steps {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: end;
+    -ms-flex-align: end;
+    align-items: flex-end;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(25% - 0.25rem);
+      flex: 0 0 calc(25% - 0.25rem);
+      width: calc(25% - 0.25rem);
+      background-color: #F3F6F9;
+      border-top-right-radius: 0.5rem;
+      border-top-left-radius: 0.5rem; }
+      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+        -webkit-box-flex: 1;
+        -ms-flex: 1;
+        flex: 1;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        color: #3F4254;
+        padding: 2rem 2.5rem; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number {
+          font-size: 1.3rem;
+          font-weight: 600;
+          -webkit-box-flex: 0;
+          -ms-flex: 0 0 2.75rem;
+          flex: 0 0 2.75rem;
+          height: 2.75rem;
+          width: 2.75rem;
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          background-color: rgba(54, 153, 255, 0.08);
+          color: #3699FF;
+          margin-left: 1rem;
+          border-radius: 0.5rem; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column; }
+          .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title {
+            font-size: 1.1rem;
+            font-weight: 600; }
+      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+        background-color: #ffffff; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-number {
+          color: #ffffff;
+          background-color: #3699FF; }
+        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper .wizard-label .wizard-title {
+          color: #3699FF; }
+    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(50% - 0.25rem);
+      flex: 0 0 calc(50% - 0.25rem);
+      width: calc(50% - 0.25rem); }
+    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(33.33333% - 0.25rem);
+      flex: 0 0 calc(33.33333% - 0.25rem);
+      width: calc(33.33333% - 0.25rem); }
+    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 calc(25% - 0.25rem);
+      flex: 0 0 calc(25% - 0.25rem);
+      width: calc(25% - 0.25rem); }
+
+@media (max-width: 1399.98px) {
+  .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 calc(50% - 0.25rem);
+    flex: 0 0 calc(50% - 0.25rem);
+    width: calc(50% - 0.25rem);
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+    margin-bottom: 0.5rem; }
+  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="2"] .wizard-step, .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="4"] .wizard-step {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 calc(50% - 0.25rem);
+    flex: 0 0 calc(50% - 0.25rem);
+    width: calc(50% - 0.25rem); }
+  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps="3"] .wizard-step {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    width: 100%; } }
+
+@media (max-width: 767.98px) {
+  .wizard.wizard-4 .wizard-nav .wizard-steps {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
+      -webkit-box-flex: 0 !important;
+      -ms-flex: 0 0 100% !important;
+      flex: 0 0 100% !important;
+      position: relative;
+      width: 100% !important; }
+      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+        -webkit-box-pack: start;
+        -ms-flex-pack: start;
+        justify-content: flex-start;
+        -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        padding: 0.5rem 2rem; } }

assets/assets/css/pages/wizard/wizard-5.css

@@ -1,137 +1,137 @@
-.wizard.wizard-5 .wizard-aside {
-  border-top-left-radius: 0.42rem;
-  border-bottom-left-radius: 0.42rem; }
-  .wizard.wizard-5 .wizard-aside .wizard-nav {
-    padding: 0; }
-    .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center; }
-      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 0;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        margin-bottom: 1.5rem; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-          margin-bottom: 0; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          min-width: 50px;
-          height: 50px;
-          border-radius: 50px;
-          background-color: #F3F6F9;
-          margin-right: 1.4rem; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-            display: none;
-            font-size: 1.4rem; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-            font-weight: 600;
-            color: #3F4254;
-            font-size: 1.35rem; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 500;
-            font-size: 1.4rem; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #B5B5C3;
-            font-size: 1.08rem;
-            font-weight: 500; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-            background-color: #C9F7F5; }
-            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-              color: #1BC5BD;
-              display: none; }
-            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-              color: #1BC5BD; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-            color: #181C32; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-            color: #B5B5C3; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: inline-block; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-            display: none; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-          color: #B5B5C3; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-          color: #D1D3E0; }
-
-.wizard.wizard-5 .wizard-content {
-  background-color: #F3F6F9;
-  border-top-right-radius: 0.42rem;
-  border-bottom-right-radius: 0.42rem; }
-  .wizard.wizard-5 .wizard-content .form-group .fv-help-block {
-    font-size: 1.1rem !important;
-    padding-top: 3px; }
-
-@media (max-width: 991.98px) {
-  .wizard.wizard-5 .wizard-aside {
-    border-top-left-radius: 0.42rem;
-    border-top-right-radius: 0.42rem;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-    .wizard.wizard-5 .wizard-aside .wizard-nav {
-      padding: 0;
-      -ms-flex-line-pack: center;
-      align-content: center; }
-      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
-        margin-bottom: .5rem; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-          margin-bottom: 0; }
-  .wizard.wizard-5 .wizard-content {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-bottom-left-radius: 0.42rem;
-    border-bottom-right-radius: 0.42rem; } }
+.wizard.wizard-5 .wizard-aside {
+  border-top-left-radius: 0.42rem;
+  border-bottom-left-radius: 0.42rem; }
+  .wizard.wizard-5 .wizard-aside .wizard-nav {
+    padding: 0; }
+    .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; }
+      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 0;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        margin-bottom: 1.5rem; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+          margin-bottom: 0; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          min-width: 50px;
+          height: 50px;
+          border-radius: 50px;
+          background-color: #F3F6F9;
+          margin-right: 1.4rem; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+            display: none;
+            font-size: 1.4rem; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+            font-weight: 600;
+            color: #3F4254;
+            font-size: 1.35rem; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 500;
+            font-size: 1.4rem; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #B5B5C3;
+            font-size: 1.08rem;
+            font-weight: 500; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+            background-color: #C9F7F5; }
+            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+              color: #1BC5BD;
+              display: none; }
+            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+              color: #1BC5BD; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+            color: #181C32; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+            color: #B5B5C3; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: inline-block; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+            display: none; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+          color: #B5B5C3; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+          color: #D1D3E0; }
+
+.wizard.wizard-5 .wizard-content {
+  background-color: #F3F6F9;
+  border-top-right-radius: 0.42rem;
+  border-bottom-right-radius: 0.42rem; }
+  .wizard.wizard-5 .wizard-content .form-group .fv-help-block {
+    font-size: 1.1rem !important;
+    padding-top: 3px; }
+
+@media (max-width: 991.98px) {
+  .wizard.wizard-5 .wizard-aside {
+    border-top-left-radius: 0.42rem;
+    border-top-right-radius: 0.42rem;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0; }
+    .wizard.wizard-5 .wizard-aside .wizard-nav {
+      padding: 0;
+      -ms-flex-line-pack: center;
+      align-content: center; }
+      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
+        margin-bottom: .5rem; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+          margin-bottom: 0; }
+  .wizard.wizard-5 .wizard-content {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 0.42rem;
+    border-bottom-right-radius: 0.42rem; } }

assets/assets/css/pages/wizard/wizard-5.rtl.css

@@ -1,137 +1,137 @@
-.wizard.wizard-5 .wizard-aside {
-  border-top-right-radius: 0.42rem;
-  border-bottom-right-radius: 0.42rem; }
-  .wizard.wizard-5 .wizard-aside .wizard-nav {
-    padding: 0; }
-    .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center; }
-      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
-        padding: 0.75rem 0;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        margin-bottom: 1.5rem; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-          margin-bottom: 0; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center;
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          min-width: 50px;
-          height: 50px;
-          border-radius: 50px;
-          background-color: #F3F6F9;
-          margin-left: 1.4rem; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-            display: none;
-            font-size: 1.4rem; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-            font-weight: 600;
-            color: #3F4254;
-            font-size: 1.35rem; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
-          display: -webkit-box;
-          display: -ms-flexbox;
-          display: flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-          flex-direction: column;
-          -webkit-box-pack: center;
-          -ms-flex-pack: center;
-          justify-content: center; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-            color: #181C32;
-            font-weight: 500;
-            font-size: 1.4rem; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-            color: #B5B5C3;
-            font-size: 1.08rem;
-            font-weight: 500; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-            background-color: #C9F7F5; }
-            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-              color: #1BC5BD;
-              display: none; }
-            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-              color: #1BC5BD; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-            color: #181C32; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-            color: #B5B5C3; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: inline-block; }
-          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-            display: none; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-          color: #B5B5C3; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-          color: #D1D3E0; }
-
-.wizard.wizard-5 .wizard-content {
-  background-color: #F3F6F9;
-  border-top-left-radius: 0.42rem;
-  border-bottom-left-radius: 0.42rem; }
-  .wizard.wizard-5 .wizard-content .form-group .fv-help-block {
-    font-size: 1.1rem !important;
-    padding-top: 3px; }
-
-@media (max-width: 991.98px) {
-  .wizard.wizard-5 .wizard-aside {
-    border-top-right-radius: 0.42rem;
-    border-top-left-radius: 0.42rem;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0; }
-    .wizard.wizard-5 .wizard-aside .wizard-nav {
-      padding: 0;
-      -ms-flex-line-pack: center;
-      align-content: center; }
-      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
-        margin-bottom: .5rem; }
-        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
-          margin-bottom: 0; }
-  .wizard.wizard-5 .wizard-content {
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-    border-bottom-right-radius: 0.42rem;
-    border-bottom-left-radius: 0.42rem; } }
+.wizard.wizard-5 .wizard-aside {
+  border-top-right-radius: 0.42rem;
+  border-bottom-right-radius: 0.42rem; }
+  .wizard.wizard-5 .wizard-aside .wizard-nav {
+    padding: 0; }
+    .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; }
+      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
+        padding: 0.75rem 0;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        margin-bottom: 1.5rem; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+          margin-bottom: 0; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          min-width: 50px;
+          height: 50px;
+          border-radius: 50px;
+          background-color: #F3F6F9;
+          margin-left: 1.4rem; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+            display: none;
+            font-size: 1.4rem; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+            font-weight: 600;
+            color: #3F4254;
+            font-size: 1.35rem; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+            color: #181C32;
+            font-weight: 500;
+            font-size: 1.4rem; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+            color: #B5B5C3;
+            font-size: 1.08rem;
+            font-weight: 500; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+            -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+            background-color: #C9F7F5; }
+            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+              color: #1BC5BD;
+              display: none; }
+            .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+              color: #1BC5BD; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+            color: #181C32; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+            color: #B5B5C3; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: inline-block; }
+          .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+            display: none; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+          color: #B5B5C3; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+          color: #D1D3E0; }
+
+.wizard.wizard-5 .wizard-content {
+  background-color: #F3F6F9;
+  border-top-left-radius: 0.42rem;
+  border-bottom-left-radius: 0.42rem; }
+  .wizard.wizard-5 .wizard-content .form-group .fv-help-block {
+    font-size: 1.1rem !important;
+    padding-top: 3px; }
+
+@media (max-width: 991.98px) {
+  .wizard.wizard-5 .wizard-aside {
+    border-top-right-radius: 0.42rem;
+    border-top-left-radius: 0.42rem;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0; }
+    .wizard.wizard-5 .wizard-aside .wizard-nav {
+      padding: 0;
+      -ms-flex-line-pack: center;
+      align-content: center; }
+      .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step {
+        margin-bottom: .5rem; }
+        .wizard.wizard-5 .wizard-aside .wizard-nav .wizard-steps .wizard-step:last-child {
+          margin-bottom: 0; }
+  .wizard.wizard-5 .wizard-content {
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    border-bottom-right-radius: 0.42rem;
+    border-bottom-left-radius: 0.42rem; } }

assets/assets/css/pages/wizard/wizard-6.css

@@ -1,108 +1,108 @@
-.wizard.wizard-6 .wizard-content .wizard-nav {
-  padding: 0; }
-  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center; }
-    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
-      padding: 0.75rem 0;
-      -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-      margin-bottom: 1.5rem; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        min-width: 46px;
-        height: 46px;
-        border-radius: 12px;
-        background-color: #F3F6F9;
-        margin-right: 1rem; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-          display: none;
-          font-size: 1.4rem; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-          font-weight: 600;
-          color: #3F4254;
-          font-size: 1.35rem; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-          color: #181C32;
-          font-weight: 600;
-          font-size: 1.24rem; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-          color: #B5B5C3;
-          font-size: 0.925rem; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: none; }
-          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-            color: #1BC5BD; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-          color: #181C32; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-          color: #B5B5C3; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        background-color: #C9F7F5; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-          color: #1BC5BD;
-          display: inline-block; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-          display: none; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-        color: #B5B5C3; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-        color: #D1D3E0; }
-
-@media (max-width: 767.98px) {
-  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
-    width: 100%; }
-    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
-      display: none; } }
+.wizard.wizard-6 .wizard-content .wizard-nav {
+  padding: 0; }
+  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
+      padding: 0.75rem 0;
+      -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+      margin-bottom: 1.5rem; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        min-width: 46px;
+        height: 46px;
+        border-radius: 12px;
+        background-color: #F3F6F9;
+        margin-right: 1rem; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+          display: none;
+          font-size: 1.4rem; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+          font-weight: 600;
+          color: #3F4254;
+          font-size: 1.35rem; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        justify-content: center; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+          color: #181C32;
+          font-weight: 600;
+          font-size: 1.24rem; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+          color: #B5B5C3;
+          font-size: 0.925rem; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: none; }
+          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+            color: #1BC5BD; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+          color: #181C32; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+          color: #B5B5C3; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        background-color: #C9F7F5; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+          color: #1BC5BD;
+          display: inline-block; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+          display: none; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+        color: #B5B5C3; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+        color: #D1D3E0; }
+
+@media (max-width: 767.98px) {
+  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
+    width: 100%; }
+    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
+      display: none; } }

assets/assets/css/pages/wizard/wizard-6.rtl.css

@@ -1,108 +1,108 @@
-.wizard.wizard-6 .wizard-content .wizard-nav {
-  padding: 0; }
-  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center; }
-    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
-      padding: 0.75rem 0;
-      -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-      margin-bottom: 1.5rem; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        min-width: 46px;
-        height: 46px;
-        border-radius: 12px;
-        background-color: #F3F6F9;
-        margin-left: 1rem; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
-          display: none;
-          font-size: 1.4rem; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
-          font-weight: 600;
-          color: #3F4254;
-          font-size: 1.35rem; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
-          color: #181C32;
-          font-weight: 600;
-          font-size: 1.24rem; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
-          color: #B5B5C3;
-          font-size: 0.925rem; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
-          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-          background-color: #C9F7F5; }
-          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
-            color: #1BC5BD;
-            display: none; }
-          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
-            color: #1BC5BD; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
-          color: #181C32; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
-          color: #B5B5C3; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
-        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
-        background-color: #C9F7F5; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
-          color: #1BC5BD;
-          display: inline-block; }
-        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
-          display: none; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
-        color: #B5B5C3; }
-      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
-        color: #D1D3E0; }
-
-@media (max-width: 767.98px) {
-  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
-    width: 100%; }
-    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
-      display: none; } }
+.wizard.wizard-6 .wizard-content .wizard-nav {
+  padding: 0; }
+  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
+      padding: 0.75rem 0;
+      -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+      transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+      margin-bottom: 1.5rem; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        min-width: 46px;
+        height: 46px;
+        border-radius: 12px;
+        background-color: #F3F6F9;
+        margin-left: 1rem; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
+          display: none;
+          font-size: 1.4rem; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
+          font-weight: 600;
+          color: #3F4254;
+          font-size: 1.35rem; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        justify-content: center; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
+          color: #181C32;
+          font-weight: 600;
+          font-size: 1.24rem; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
+          color: #B5B5C3;
+          font-size: 0.925rem; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
+          -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+          transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+          background-color: #C9F7F5; }
+          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-check {
+            color: #1BC5BD;
+            display: none; }
+          .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
+            color: #1BC5BD; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
+          color: #181C32; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-desc {
+          color: #B5B5C3; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
+        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
+        background-color: #C9F7F5; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-check, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-check {
+          color: #1BC5BD;
+          display: inline-block; }
+        .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-icon .wizard-number, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .wizard-number {
+          display: none; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
+        color: #B5B5C3; }
+      .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-desc, .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-desc {
+        color: #D1D3E0; }
+
+@media (max-width: 767.98px) {
+  .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step {
+    width: 100%; }
+    .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .svg-icon {
+      display: none; } }

assets/assets/css/slick/slick-theme.css

@@ -1,2 +1,2 @@
-@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
+@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
 /*# sourceMappingURL=slick-theme.min.css.map */

assets/assets/css/slick/slick.css

@@ -1,119 +1,119 @@
-/* Slider */
-.slick-slider
-{
-    position: relative;
-
-    display: block;
-    box-sizing: border-box;
-
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-
-    -webkit-touch-callout: none;
-    -khtml-user-select: none;
-    -ms-touch-action: pan-y;
-        touch-action: pan-y;
-    -webkit-tap-highlight-color: transparent;
-}
-
-.slick-list
-{
-    position: relative;
-
-    display: block;
-    overflow: hidden;
-
-    margin: 0;
-    padding: 0;
-}
-.slick-list:focus
-{
-    outline: none;
-}
-.slick-list.dragging
-{
-    cursor: pointer;
-    cursor: hand;
-}
-
-.slick-slider .slick-track,
-.slick-slider .slick-list
-{
-    -webkit-transform: translate3d(0, 0, 0);
-       -moz-transform: translate3d(0, 0, 0);
-        -ms-transform: translate3d(0, 0, 0);
-         -o-transform: translate3d(0, 0, 0);
-            transform: translate3d(0, 0, 0);
-}
-
-.slick-track
-{
-    position: relative;
-    top: 0;
-    left: 0;
-
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
-.slick-track:before,
-.slick-track:after
-{
-    display: table;
-
-    content: '';
-}
-.slick-track:after
-{
-    clear: both;
-}
-.slick-loading .slick-track
-{
-    visibility: hidden;
-}
-
-.slick-slide
-{
-    display: none;
-    float: left;
-
-    height: 100%;
-    min-height: 1px;
-}
-[dir='rtl'] .slick-slide
-{
-    float: right;
-}
-.slick-slide img
-{
-    display: block;
-}
-.slick-slide.slick-loading img
-{
-    display: none;
-}
-.slick-slide.dragging img
-{
-    pointer-events: none;
-}
-.slick-initialized .slick-slide
-{
-    display: block;
-}
-.slick-loading .slick-slide
-{
-    visibility: hidden;
-}
-.slick-vertical .slick-slide
-{
-    display: block;
-
-    height: auto;
-
-    border: 1px solid transparent;
-}
-.slick-arrow.slick-hidden {
-    display: none;
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
 }

assets/assets/css/themes/layout/brand/dark.css

@@ -1,57 +1,57 @@
-@media (min-width: 992px) {
-  .brand {
-    background-color: #1a1a27;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .brand .btn i {
-      color: #494b74; }
-    .brand .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #494b74; }
-    .brand .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .brand .btn.active .svg-icon svg:hover g [fill], .brand .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn.active i, .brand .btn:hover i {
-      color: #3699FF; } }
-
-@media (max-width: 991.98px) {
-  .header-mobile {
-    background-color: #1a1a27; }
-    .header-mobile .burger-icon span {
-      background-color: #484f66; }
-      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
-        background-color: #484f66; }
-    .header-mobile .burger-icon:hover span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
-        background-color: #3699FF; }
-    .header-mobile .burger-icon-active span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
-        background-color: #3699FF; }
-    .header-mobile .btn i {
-      color: #484f66; }
-    .header-mobile .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #484f66; }
-    .header-mobile .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn.active .svg-icon svg g [fill], .header-mobile .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .header-mobile .btn.active .svg-icon svg:hover g [fill], .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn.active i, .header-mobile .btn:hover i {
-      color: #3699FF; } }
+@media (min-width: 992px) {
+  .brand {
+    background-color: #1a1a27;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .brand .btn i {
+      color: #494b74; }
+    .brand .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #494b74; }
+    .brand .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .brand .btn.active .svg-icon svg:hover g [fill], .brand .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn.active i, .brand .btn:hover i {
+      color: #3699FF; } }
+
+@media (max-width: 991.98px) {
+  .header-mobile {
+    background-color: #1a1a27; }
+    .header-mobile .burger-icon span {
+      background-color: #484f66; }
+      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
+        background-color: #484f66; }
+    .header-mobile .burger-icon:hover span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
+        background-color: #3699FF; }
+    .header-mobile .burger-icon-active span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
+        background-color: #3699FF; }
+    .header-mobile .btn i {
+      color: #484f66; }
+    .header-mobile .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #484f66; }
+    .header-mobile .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn.active .svg-icon svg g [fill], .header-mobile .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .header-mobile .btn.active .svg-icon svg:hover g [fill], .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn.active i, .header-mobile .btn:hover i {
+      color: #3699FF; } }

assets/assets/css/themes/layout/brand/dark.rtl.css

@@ -1,57 +1,57 @@
-@media (min-width: 992px) {
-  .brand {
-    background-color: #1a1a27;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .brand .btn i {
-      color: #494b74; }
-    .brand .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #494b74; }
-    .brand .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .brand .btn.active .svg-icon svg:hover g [fill], .brand .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn.active i, .brand .btn:hover i {
-      color: #3699FF; } }
-
-@media (max-width: 991.98px) {
-  .header-mobile {
-    background-color: #1a1a27; }
-    .header-mobile .burger-icon span {
-      background-color: #484f66; }
-      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
-        background-color: #484f66; }
-    .header-mobile .burger-icon:hover span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
-        background-color: #3699FF; }
-    .header-mobile .burger-icon-active span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
-        background-color: #3699FF; }
-    .header-mobile .btn i {
-      color: #484f66; }
-    .header-mobile .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #484f66; }
-    .header-mobile .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn.active .svg-icon svg g [fill], .header-mobile .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .header-mobile .btn.active .svg-icon svg:hover g [fill], .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn.active i, .header-mobile .btn:hover i {
-      color: #3699FF; } }
+@media (min-width: 992px) {
+  .brand {
+    background-color: #1a1a27;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .brand .btn i {
+      color: #494b74; }
+    .brand .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #494b74; }
+    .brand .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .brand .btn.active .svg-icon svg:hover g [fill], .brand .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn.active i, .brand .btn:hover i {
+      color: #3699FF; } }
+
+@media (max-width: 991.98px) {
+  .header-mobile {
+    background-color: #1a1a27; }
+    .header-mobile .burger-icon span {
+      background-color: #484f66; }
+      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
+        background-color: #484f66; }
+    .header-mobile .burger-icon:hover span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
+        background-color: #3699FF; }
+    .header-mobile .burger-icon-active span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
+        background-color: #3699FF; }
+    .header-mobile .btn i {
+      color: #484f66; }
+    .header-mobile .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #484f66; }
+    .header-mobile .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn.active .svg-icon svg g [fill], .header-mobile .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .header-mobile .btn.active .svg-icon svg:hover g [fill], .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn.active i, .header-mobile .btn:hover i {
+      color: #3699FF; } }

assets/assets/css/themes/layout/brand/light.css

@@ -1,59 +1,59 @@
-@media (min-width: 992px) {
-  .brand {
-    background-color: #ffffff;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .brand .btn i {
-      color: #b4b8ce; }
-    .brand .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #b4b8ce; }
-    .brand .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .brand .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn:hover i {
-      color: #3699FF; } }
-
-@media (max-width: 991.98px) {
-  .header-mobile {
-    background-color: #ffffff;
-    -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1);
-    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1); }
-    .header-mobile .burger-icon span {
-      background-color: #b4b8ce; }
-      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
-        background-color: #b4b8ce; }
-    .header-mobile .burger-icon:hover span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
-        background-color: #3699FF; }
-    .header-mobile .burger-icon-active span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
-        background-color: #3699FF; }
-    .header-mobile .btn i {
-      color: #b4b8ce; }
-    .header-mobile .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #b4b8ce; }
-    .header-mobile .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn:hover i {
-      color: #3699FF; } }
+@media (min-width: 992px) {
+  .brand {
+    background-color: #ffffff;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .brand .btn i {
+      color: #b4b8ce; }
+    .brand .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #b4b8ce; }
+    .brand .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .brand .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn:hover i {
+      color: #3699FF; } }
+
+@media (max-width: 991.98px) {
+  .header-mobile {
+    background-color: #ffffff;
+    -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1);
+    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1); }
+    .header-mobile .burger-icon span {
+      background-color: #b4b8ce; }
+      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
+        background-color: #b4b8ce; }
+    .header-mobile .burger-icon:hover span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
+        background-color: #3699FF; }
+    .header-mobile .burger-icon-active span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
+        background-color: #3699FF; }
+    .header-mobile .btn i {
+      color: #b4b8ce; }
+    .header-mobile .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #b4b8ce; }
+    .header-mobile .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn:hover i {
+      color: #3699FF; } }

assets/assets/css/themes/layout/brand/light.rtl.css

@@ -1,59 +1,59 @@
-@media (min-width: 992px) {
-  .brand {
-    background-color: #ffffff;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .brand .btn i {
-      color: #b4b8ce; }
-    .brand .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #b4b8ce; }
-    .brand .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .brand .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .brand .btn:hover i {
-      color: #3699FF; } }
-
-@media (max-width: 991.98px) {
-  .header-mobile {
-    background-color: #ffffff;
-    -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1);
-    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1); }
-    .header-mobile .burger-icon span {
-      background-color: #b4b8ce; }
-      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
-        background-color: #b4b8ce; }
-    .header-mobile .burger-icon:hover span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
-        background-color: #3699FF; }
-    .header-mobile .burger-icon-active span {
-      background-color: #3699FF; }
-      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
-        background-color: #3699FF; }
-    .header-mobile .btn i {
-      color: #b4b8ce; }
-    .header-mobile .btn .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #b4b8ce; }
-    .header-mobile .btn .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn:hover .svg-icon svg g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease;
-      fill: #3699FF; }
-    .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
-      -webkit-transition: fill 0.3s ease;
-      transition: fill 0.3s ease; }
-    .header-mobile .btn:hover i {
-      color: #3699FF; } }
+@media (min-width: 992px) {
+  .brand {
+    background-color: #ffffff;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .brand .btn i {
+      color: #b4b8ce; }
+    .brand .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #b4b8ce; }
+    .brand .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .brand .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .brand .btn:hover i {
+      color: #3699FF; } }
+
+@media (max-width: 991.98px) {
+  .header-mobile {
+    background-color: #ffffff;
+    -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1);
+    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1); }
+    .header-mobile .burger-icon span {
+      background-color: #b4b8ce; }
+      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
+        background-color: #b4b8ce; }
+    .header-mobile .burger-icon:hover span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
+        background-color: #3699FF; }
+    .header-mobile .burger-icon-active span {
+      background-color: #3699FF; }
+      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
+        background-color: #3699FF; }
+    .header-mobile .btn i {
+      color: #b4b8ce; }
+    .header-mobile .btn .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #b4b8ce; }
+    .header-mobile .btn .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn:hover .svg-icon svg g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease;
+      fill: #3699FF; }
+    .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
+      -webkit-transition: fill 0.3s ease;
+      transition: fill 0.3s ease; }
+    .header-mobile .btn:hover i {
+      color: #3699FF; } }

assets/assets/css/themes/layout/header/base/dark.css

@@ -1,102 +1,102 @@
-.topbar .btn.btn-icon i {
-  color: #6e7899; }
-
-.topbar .btn.btn-icon .svg-icon svg g [fill] {
-  -webkit-transition: fill 0.3s ease;
-  transition: fill 0.3s ease;
-  fill: #6e7899; }
-
-.topbar .btn.btn-icon .svg-icon svg:hover g [fill] {
-  -webkit-transition: fill 0.3s ease;
-  transition: fill 0.3s ease; }
-
-.topbar .btn.btn-icon:active,
-.topbar .btn.btn-icon.active,
-.topbar .btn.btn-icon:hover,
-.topbar .btn.btn-icon:focus,
-.topbar .show .btn.btn-icon.btn-dropdown {
-  background-color: #282f48 !important; }
-  .topbar .btn.btn-icon:active i,
-  .topbar .btn.btn-icon.active i,
-  .topbar .btn.btn-icon:hover i,
-  .topbar .btn.btn-icon:focus i,
-  .topbar .show .btn.btn-icon.btn-dropdown i {
-    color: #ffffff !important; }
-  .topbar .btn.btn-icon:active .svg-icon svg g [fill],
-  .topbar .btn.btn-icon.active .svg-icon svg g [fill],
-  .topbar .btn.btn-icon:hover .svg-icon svg g [fill],
-  .topbar .btn.btn-icon:focus .svg-icon svg g [fill],
-  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg g [fill] {
-    -webkit-transition: fill 0.3s ease;
-    transition: fill 0.3s ease;
-    fill: #ffffff !important; }
-  .topbar .btn.btn-icon:active .svg-icon svg:hover g [fill],
-  .topbar .btn.btn-icon.active .svg-icon svg:hover g [fill],
-  .topbar .btn.btn-icon:hover .svg-icon svg:hover g [fill],
-  .topbar .btn.btn-icon:focus .svg-icon svg:hover g [fill],
-  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg:hover g [fill] {
-    -webkit-transition: fill 0.3s ease;
-    transition: fill 0.3s ease; }
-
-@media (min-width: 992px) {
-  .header {
-    background-color: #1e1e2d; }
-    .header-fixed .header {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
-    .header .header-menu .menu-nav > .menu-item > .menu-link {
-      border-radius: 4px; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
-        color: #6e7899;
-        font-weight: 500; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
-        color: #6e7899; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
-        color: #6e7899; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #6e7899; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
-      background-color: #282f48; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
-      background-color: #282f48; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; } }
-
-@media (max-width: 991.98px) {
-  .topbar {
-    background-color: #1e1e2d;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .topbar-mobile-on .topbar {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      border-top: 1px solid #2e3448; } }
+.topbar .btn.btn-icon i {
+  color: #6e7899; }
+
+.topbar .btn.btn-icon .svg-icon svg g [fill] {
+  -webkit-transition: fill 0.3s ease;
+  transition: fill 0.3s ease;
+  fill: #6e7899; }
+
+.topbar .btn.btn-icon .svg-icon svg:hover g [fill] {
+  -webkit-transition: fill 0.3s ease;
+  transition: fill 0.3s ease; }
+
+.topbar .btn.btn-icon:active,
+.topbar .btn.btn-icon.active,
+.topbar .btn.btn-icon:hover,
+.topbar .btn.btn-icon:focus,
+.topbar .show .btn.btn-icon.btn-dropdown {
+  background-color: #282f48 !important; }
+  .topbar .btn.btn-icon:active i,
+  .topbar .btn.btn-icon.active i,
+  .topbar .btn.btn-icon:hover i,
+  .topbar .btn.btn-icon:focus i,
+  .topbar .show .btn.btn-icon.btn-dropdown i {
+    color: #ffffff !important; }
+  .topbar .btn.btn-icon:active .svg-icon svg g [fill],
+  .topbar .btn.btn-icon.active .svg-icon svg g [fill],
+  .topbar .btn.btn-icon:hover .svg-icon svg g [fill],
+  .topbar .btn.btn-icon:focus .svg-icon svg g [fill],
+  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg g [fill] {
+    -webkit-transition: fill 0.3s ease;
+    transition: fill 0.3s ease;
+    fill: #ffffff !important; }
+  .topbar .btn.btn-icon:active .svg-icon svg:hover g [fill],
+  .topbar .btn.btn-icon.active .svg-icon svg:hover g [fill],
+  .topbar .btn.btn-icon:hover .svg-icon svg:hover g [fill],
+  .topbar .btn.btn-icon:focus .svg-icon svg:hover g [fill],
+  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg:hover g [fill] {
+    -webkit-transition: fill 0.3s ease;
+    transition: fill 0.3s ease; }
+
+@media (min-width: 992px) {
+  .header {
+    background-color: #1e1e2d; }
+    .header-fixed .header {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
+    .header .header-menu .menu-nav > .menu-item > .menu-link {
+      border-radius: 4px; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
+        color: #6e7899;
+        font-weight: 500; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
+        color: #6e7899; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
+        color: #6e7899; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #6e7899; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
+      background-color: #282f48; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
+      background-color: #282f48; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; } }
+
+@media (max-width: 991.98px) {
+  .topbar {
+    background-color: #1e1e2d;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .topbar-mobile-on .topbar {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      border-top: 1px solid #2e3448; } }

assets/assets/css/themes/layout/header/base/dark.rtl.css

@@ -1,102 +1,102 @@
-.topbar .btn.btn-icon i {
-  color: #6e7899; }
-
-.topbar .btn.btn-icon .svg-icon svg g [fill] {
-  -webkit-transition: fill 0.3s ease;
-  transition: fill 0.3s ease;
-  fill: #6e7899; }
-
-.topbar .btn.btn-icon .svg-icon svg:hover g [fill] {
-  -webkit-transition: fill 0.3s ease;
-  transition: fill 0.3s ease; }
-
-.topbar .btn.btn-icon:active,
-.topbar .btn.btn-icon.active,
-.topbar .btn.btn-icon:hover,
-.topbar .btn.btn-icon:focus,
-.topbar .show .btn.btn-icon.btn-dropdown {
-  background-color: #282f48 !important; }
-  .topbar .btn.btn-icon:active i,
-  .topbar .btn.btn-icon.active i,
-  .topbar .btn.btn-icon:hover i,
-  .topbar .btn.btn-icon:focus i,
-  .topbar .show .btn.btn-icon.btn-dropdown i {
-    color: #ffffff !important; }
-  .topbar .btn.btn-icon:active .svg-icon svg g [fill],
-  .topbar .btn.btn-icon.active .svg-icon svg g [fill],
-  .topbar .btn.btn-icon:hover .svg-icon svg g [fill],
-  .topbar .btn.btn-icon:focus .svg-icon svg g [fill],
-  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg g [fill] {
-    -webkit-transition: fill 0.3s ease;
-    transition: fill 0.3s ease;
-    fill: #ffffff !important; }
-  .topbar .btn.btn-icon:active .svg-icon svg:hover g [fill],
-  .topbar .btn.btn-icon.active .svg-icon svg:hover g [fill],
-  .topbar .btn.btn-icon:hover .svg-icon svg:hover g [fill],
-  .topbar .btn.btn-icon:focus .svg-icon svg:hover g [fill],
-  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg:hover g [fill] {
-    -webkit-transition: fill 0.3s ease;
-    transition: fill 0.3s ease; }
-
-@media (min-width: 992px) {
-  .header {
-    background-color: #1e1e2d; }
-    .header-fixed .header {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
-    .header .header-menu .menu-nav > .menu-item > .menu-link {
-      border-radius: 4px; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
-        color: #6e7899;
-        font-weight: 500; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
-        color: #6e7899; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
-        color: #6e7899; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #6e7899; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
-      background-color: #282f48; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
-      background-color: #282f48; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
-        color: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #ffffff; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; } }
-
-@media (max-width: 991.98px) {
-  .topbar {
-    background-color: #1e1e2d;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .topbar-mobile-on .topbar {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      border-top: 1px solid #2e3448; } }
+.topbar .btn.btn-icon i {
+  color: #6e7899; }
+
+.topbar .btn.btn-icon .svg-icon svg g [fill] {
+  -webkit-transition: fill 0.3s ease;
+  transition: fill 0.3s ease;
+  fill: #6e7899; }
+
+.topbar .btn.btn-icon .svg-icon svg:hover g [fill] {
+  -webkit-transition: fill 0.3s ease;
+  transition: fill 0.3s ease; }
+
+.topbar .btn.btn-icon:active,
+.topbar .btn.btn-icon.active,
+.topbar .btn.btn-icon:hover,
+.topbar .btn.btn-icon:focus,
+.topbar .show .btn.btn-icon.btn-dropdown {
+  background-color: #282f48 !important; }
+  .topbar .btn.btn-icon:active i,
+  .topbar .btn.btn-icon.active i,
+  .topbar .btn.btn-icon:hover i,
+  .topbar .btn.btn-icon:focus i,
+  .topbar .show .btn.btn-icon.btn-dropdown i {
+    color: #ffffff !important; }
+  .topbar .btn.btn-icon:active .svg-icon svg g [fill],
+  .topbar .btn.btn-icon.active .svg-icon svg g [fill],
+  .topbar .btn.btn-icon:hover .svg-icon svg g [fill],
+  .topbar .btn.btn-icon:focus .svg-icon svg g [fill],
+  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg g [fill] {
+    -webkit-transition: fill 0.3s ease;
+    transition: fill 0.3s ease;
+    fill: #ffffff !important; }
+  .topbar .btn.btn-icon:active .svg-icon svg:hover g [fill],
+  .topbar .btn.btn-icon.active .svg-icon svg:hover g [fill],
+  .topbar .btn.btn-icon:hover .svg-icon svg:hover g [fill],
+  .topbar .btn.btn-icon:focus .svg-icon svg:hover g [fill],
+  .topbar .show .btn.btn-icon.btn-dropdown .svg-icon svg:hover g [fill] {
+    -webkit-transition: fill 0.3s ease;
+    transition: fill 0.3s ease; }
+
+@media (min-width: 992px) {
+  .header {
+    background-color: #1e1e2d; }
+    .header-fixed .header {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
+    .header .header-menu .menu-nav > .menu-item > .menu-link {
+      border-radius: 4px; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
+        color: #6e7899;
+        font-weight: 500; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
+        color: #6e7899; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
+        color: #6e7899; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #6e7899; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
+      background-color: #282f48; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
+      background-color: #282f48; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
+        color: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #ffffff; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; } }
+
+@media (max-width: 991.98px) {
+  .topbar {
+    background-color: #1e1e2d;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .topbar-mobile-on .topbar {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      border-top: 1px solid #2e3448; } }

assets/assets/css/themes/layout/header/base/light.css

@@ -1,62 +1,62 @@
-@media (min-width: 992px) {
-  .header {
-    background-color: #ffffff; }
-    .header-fixed .header {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
-    .header .header-menu .menu-nav > .menu-item > .menu-link {
-      border-radius: 4px; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
-        color: #6c7293;
-        font-weight: 500; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
-        color: #6c7293; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
-        color: #6c7293; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #6c7293; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
-      background-color: rgba(77, 89, 149, 0.06); }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
-      background-color: rgba(77, 89, 149, 0.06); }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; } }
-
-@media (max-width: 991.98px) {
-  .topbar {
-    background-color: #ffffff;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .topbar-mobile-on .topbar {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
-      border-top: 1px solid #eff0f6; } }
+@media (min-width: 992px) {
+  .header {
+    background-color: #ffffff; }
+    .header-fixed .header {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
+    .header .header-menu .menu-nav > .menu-item > .menu-link {
+      border-radius: 4px; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
+        color: #6c7293;
+        font-weight: 500; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
+        color: #6c7293; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
+        color: #6c7293; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #6c7293; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
+      background-color: rgba(77, 89, 149, 0.06); }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
+      background-color: rgba(77, 89, 149, 0.06); }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; } }
+
+@media (max-width: 991.98px) {
+  .topbar {
+    background-color: #ffffff;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .topbar-mobile-on .topbar {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
+      border-top: 1px solid #eff0f6; } }

assets/assets/css/themes/layout/header/base/light.rtl.css

@@ -1,62 +1,62 @@
-@media (min-width: 992px) {
-  .header {
-    background-color: #ffffff; }
-    .header-fixed .header {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
-    .header .header-menu .menu-nav > .menu-item > .menu-link {
-      border-radius: 4px; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
-        color: #6c7293;
-        font-weight: 500; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
-        color: #6c7293; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
-        color: #6c7293; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #6c7293; }
-      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
-      background-color: rgba(77, 89, 149, 0.06); }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; }
-    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
-      background-color: rgba(77, 89, 149, 0.06); }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
-        color: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease;
-        fill: #3699FF; }
-      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
-        -webkit-transition: fill 0.3s ease;
-        transition: fill 0.3s ease; } }
-
-@media (max-width: 991.98px) {
-  .topbar {
-    background-color: #ffffff;
-    -webkit-box-shadow: none;
-    box-shadow: none; }
-    .topbar-mobile-on .topbar {
-      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
-      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
-      border-top: 1px solid #eff0f6; } }
+@media (min-width: 992px) {
+  .header {
+    background-color: #ffffff; }
+    .header-fixed .header {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
+    .header .header-menu .menu-nav > .menu-item > .menu-link {
+      border-radius: 4px; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
+        color: #6c7293;
+        font-weight: 500; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
+        color: #6c7293; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
+        color: #6c7293; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #6c7293; }
+      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
+      background-color: rgba(77, 89, 149, 0.06); }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; }
+    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
+      background-color: rgba(77, 89, 149, 0.06); }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
+        color: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease;
+        fill: #3699FF; }
+      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
+        -webkit-transition: fill 0.3s ease;
+        transition: fill 0.3s ease; } }
+
+@media (max-width: 991.98px) {
+  .topbar {
+    background-color: #ffffff;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .topbar-mobile-on .topbar {
+      -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
+      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
+      border-top: 1px solid #eff0f6; } }

assets/assets/js/helper-htmx/helper.js

@@ -1,10 +1,10 @@
-function doHtmxAjax(method, url, options) {
-    return new Promise(resolve => {
-        options = options || {};
-        htmx.ajax(method, url, {
-            ...options,
-            swap: 'none',
-            handler: (_, r) => resolve(r.xhr)
-        })
-    })
+function doHtmxAjax(method, url, options) {
+    return new Promise(resolve => {
+        options = options || {};
+        htmx.ajax(method, url, {
+            ...options,
+            swap: 'none',
+            handler: (_, r) => resolve(r.xhr)
+        })
+    })
 }

assets/assets/js/pages/builder.js

@@ -1,219 +1,219 @@
-"use strict";
-
-// Class definition
-var KTLayoutBuilder = function() {
-
-	var formAction;
-
-	var exporter = {
-		init: function() {
-			formAction = $('.form').attr('action');
-		},
-		startLoad: function(options) {
-			$('#builder_export').
-					addClass('spinner spinner-right spinner-primary').
-					find('span').text('Exporting...').
-					closest('.card-footer').
-					find('.btn').
-					attr('disabled', true);
-			toastr.info(options.title, options.message);
-		},
-		doneLoad: function() {
-			$('#builder_export').
-					removeClass('spinner spinner-right spinner-primary').
-					find('span').text('Export').
-					closest('.card-footer').
-					find('.btn').
-					attr('disabled', false);
-		},
-		exportHtml: function(demo) {
-			exporter.startLoad({
-				title: 'Generate HTML Partials',
-				message: 'Process started and it may take a while.',
-			});
-
-			$.ajax(formAction, {
-				method: 'POST',
-				data: {
-					builder_export: 1,
-					export_type: 'partial',
-					demo: demo,
-					theme: 'metronic',
-				},
-			}).done(function(r) {
-				var result = JSON.parse(r);
-				if (result.message) {
-					exporter.stopWithNotify(result.message);
-					return;
-				}
-
-				var timer = setInterval(function() {
-					$.ajax(formAction, {
-						method: 'POST',
-						data: {
-							builder_export: 1,
-							demo: demo,
-							builder_check: result.id,
-						},
-					}).done(function(r) {
-						var result = JSON.parse(r);
-						if (typeof result === 'undefined') return;
-						// export status 1 is completed
-						if (result.export_status !== 1) return;
-
-						$('<iframe/>').attr({
-							src: formAction + '?builder_export&builder_download&id=' + result.id + '&demo=' + demo,
-							style: 'visibility:hidden;display:none',
-						}).ready(function() {
-							toastr.success('Export HTML Version Layout', 'HTML version exported.');
-							exporter.doneLoad();
-							// stop the timer
-							clearInterval(timer);
-						}).appendTo('body');
-					});
-				}, 15000);
-			});
-		},
-		stopWithNotify: function(message, type) {
-			type = type || 'danger';
-			if (typeof toastr[type] !== 'undefined') {
-				toastr[type]('Verification failed', message);
-			}
-			exporter.doneLoad();
-		},
-	};
-
-	// Private functions
-	var preview = function() {
-		$('[name="builder_submit"]').click(function(e) {
-			e.preventDefault();
-			var _self = $(this);
-			$(_self).
-					addClass('spinner spinner-right spinner-white').
-					closest('.card-footer').
-					find('.btn').
-					attr('disabled', true);
-
-			// keep remember tab id
-			$('.nav[data-remember-tab]').each(function() {
-				var tab = $(this).data('remember-tab');
-				var tabId = $(this).find('.nav-link.active[data-toggle="tab"]').attr('href');
-				$('#' + tab).val(tabId);
-			});
-
-			$.ajax(formAction + '?demo=' + $(_self).data('demo'), {
-				method: 'POST',
-				data: $('[name]').serialize(),
-			}).done(function(r) {
-				toastr.success('Preview updated', 'Preview has been updated with current configured layout.');
-			}).always(function() {
-				setTimeout(function() {
-					location.reload();
-				}, 600);
-			});
-		});
-	};
-
-	var reset = function() {
-		$('[name="builder_reset"]').click(function(e) {
-			e.preventDefault();
-			var _self = $(this);
-			$(_self).
-					addClass('spinner spinner-right spinner-primary').
-					closest('.card-footer').
-					find('.btn').
-					attr('disabled', true);
-
-			$.ajax(formAction + '?demo=' + $(_self).data('demo'), {
-				method: 'POST',
-				data: {
-					builder_reset: 1,
-					demo: $(_self).data('demo'),
-				},
-			}).done(function(r) {}).always(function() {
-				location.reload();
-			});
-		});
-	};
-
-	var verify = {
-		reCaptchaVerified: function() {
-			return $.ajax('/metronic/theme/html/tools/builder/recaptcha.php?recaptcha', {
-				method: 'POST',
-				data: {
-					response: $('#g-recaptcha-response').val(),
-				},
-			}).fail(function() {
-				grecaptcha.reset();
-				$('#alert-message').
-						removeClass('alert-success d-hide').
-						addClass('alert-danger').
-						html('Invalid reCaptcha validation');
-			});
-		},
-		init: function() {
-			var exportReadyTrigger;
-			// click event
-			$('#builder_export').click(function(e) {
-				e.preventDefault();
-				exportReadyTrigger = $(this);
-
-				$('#kt-modal-purchase').modal('show');
-				$('#alert-message').addClass('d-hide');
-				grecaptcha.reset();
-			});
-
-			$('#submit-verify').click(function(e) {
-				e.preventDefault();
-				if (!$('#g-recaptcha-response').val()) {
-					$('#alert-message').
-							removeClass('alert-success d-hide').
-							addClass('alert-danger').
-							html('Invalid reCaptcha validation');
-					return;
-				}
-
-				verify.reCaptchaVerified().done(function(response) {
-					if (response.success) {
-						$('[data-dismiss="modal"]').trigger('click');
-
-						var demo = $(exportReadyTrigger).data('demo');
-						switch ($(exportReadyTrigger).attr('id')) {
-							case 'builder_export':
-								exporter.exportHtml(demo);
-								break;
-							case 'builder_export_html':
-								exporter.exportHtml(demo);
-								break;
-						}
-					} else {
-						grecaptcha.reset();
-						$('#alert-message').
-								removeClass('alert-success d-hide').
-								addClass('alert-danger').
-								html('Invalid reCaptcha validation');
-					}
-				});
-			});
-		},
-	};
-
-	// basic demo
-	var init = function() {
-		exporter.init();
-		preview();
-		reset();
-	};
-
-	return {
-		// public functions
-		init: function() {
-			verify.init();
-			init();
-		}
-	};
-}();
-
-jQuery(document).ready(function() {
-	KTLayoutBuilder.init();
-});
+"use strict";
+
+// Class definition
+var KTLayoutBuilder = function() {
+
+	var formAction;
+
+	var exporter = {
+		init: function() {
+			formAction = $('.form').attr('action');
+		},
+		startLoad: function(options) {
+			$('#builder_export').
+					addClass('spinner spinner-right spinner-primary').
+					find('span').text('Exporting...').
+					closest('.card-footer').
+					find('.btn').
+					attr('disabled', true);
+			toastr.info(options.title, options.message);
+		},
+		doneLoad: function() {
+			$('#builder_export').
+					removeClass('spinner spinner-right spinner-primary').
+					find('span').text('Export').
+					closest('.card-footer').
+					find('.btn').
+					attr('disabled', false);
+		},
+		exportHtml: function(demo) {
+			exporter.startLoad({
+				title: 'Generate HTML Partials',
+				message: 'Process started and it may take a while.',
+			});
+
+			$.ajax(formAction, {
+				method: 'POST',
+				data: {
+					builder_export: 1,
+					export_type: 'partial',
+					demo: demo,
+					theme: 'metronic',
+				},
+			}).done(function(r) {
+				var result = JSON.parse(r);
+				if (result.message) {
+					exporter.stopWithNotify(result.message);
+					return;
+				}
+
+				var timer = setInterval(function() {
+					$.ajax(formAction, {
+						method: 'POST',
+						data: {
+							builder_export: 1,
+							demo: demo,
+							builder_check: result.id,
+						},
+					}).done(function(r) {
+						var result = JSON.parse(r);
+						if (typeof result === 'undefined') return;
+						// export status 1 is completed
+						if (result.export_status !== 1) return;
+
+						$('<iframe/>').attr({
+							src: formAction + '?builder_export&builder_download&id=' + result.id + '&demo=' + demo,
+							style: 'visibility:hidden;display:none',
+						}).ready(function() {
+							toastr.success('Export HTML Version Layout', 'HTML version exported.');
+							exporter.doneLoad();
+							// stop the timer
+							clearInterval(timer);
+						}).appendTo('body');
+					});
+				}, 15000);
+			});
+		},
+		stopWithNotify: function(message, type) {
+			type = type || 'danger';
+			if (typeof toastr[type] !== 'undefined') {
+				toastr[type]('Verification failed', message);
+			}
+			exporter.doneLoad();
+		},
+	};
+
+	// Private functions
+	var preview = function() {
+		$('[name="builder_submit"]').click(function(e) {
+			e.preventDefault();
+			var _self = $(this);
+			$(_self).
+					addClass('spinner spinner-right spinner-white').
+					closest('.card-footer').
+					find('.btn').
+					attr('disabled', true);
+
+			// keep remember tab id
+			$('.nav[data-remember-tab]').each(function() {
+				var tab = $(this).data('remember-tab');
+				var tabId = $(this).find('.nav-link.active[data-toggle="tab"]').attr('href');
+				$('#' + tab).val(tabId);
+			});
+
+			$.ajax(formAction + '?demo=' + $(_self).data('demo'), {
+				method: 'POST',
+				data: $('[name]').serialize(),
+			}).done(function(r) {
+				toastr.success('Preview updated', 'Preview has been updated with current configured layout.');
+			}).always(function() {
+				setTimeout(function() {
+					location.reload();
+				}, 600);
+			});
+		});
+	};
+
+	var reset = function() {
+		$('[name="builder_reset"]').click(function(e) {
+			e.preventDefault();
+			var _self = $(this);
+			$(_self).
+					addClass('spinner spinner-right spinner-primary').
+					closest('.card-footer').
+					find('.btn').
+					attr('disabled', true);
+
+			$.ajax(formAction + '?demo=' + $(_self).data('demo'), {
+				method: 'POST',
+				data: {
+					builder_reset: 1,
+					demo: $(_self).data('demo'),
+				},
+			}).done(function(r) {}).always(function() {
+				location.reload();
+			});
+		});
+	};
+
+	var verify = {
+		reCaptchaVerified: function() {
+			return $.ajax('/metronic/theme/html/tools/builder/recaptcha.php?recaptcha', {
+				method: 'POST',
+				data: {
+					response: $('#g-recaptcha-response').val(),
+				},
+			}).fail(function() {
+				grecaptcha.reset();
+				$('#alert-message').
+						removeClass('alert-success d-hide').
+						addClass('alert-danger').
+						html('Invalid reCaptcha validation');
+			});
+		},
+		init: function() {
+			var exportReadyTrigger;
+			// click event
+			$('#builder_export').click(function(e) {
+				e.preventDefault();
+				exportReadyTrigger = $(this);
+
+				$('#kt-modal-purchase').modal('show');
+				$('#alert-message').addClass('d-hide');
+				grecaptcha.reset();
+			});
+
+			$('#submit-verify').click(function(e) {
+				e.preventDefault();
+				if (!$('#g-recaptcha-response').val()) {
+					$('#alert-message').
+							removeClass('alert-success d-hide').
+							addClass('alert-danger').
+							html('Invalid reCaptcha validation');
+					return;
+				}
+
+				verify.reCaptchaVerified().done(function(response) {
+					if (response.success) {
+						$('[data-dismiss="modal"]').trigger('click');
+
+						var demo = $(exportReadyTrigger).data('demo');
+						switch ($(exportReadyTrigger).attr('id')) {
+							case 'builder_export':
+								exporter.exportHtml(demo);
+								break;
+							case 'builder_export_html':
+								exporter.exportHtml(demo);
+								break;
+						}
+					} else {
+						grecaptcha.reset();
+						$('#alert-message').
+								removeClass('alert-success d-hide').
+								addClass('alert-danger').
+								html('Invalid reCaptcha validation');
+					}
+				});
+			});
+		},
+	};
+
+	// basic demo
+	var init = function() {
+		exporter.init();
+		preview();
+		reset();
+	};
+
+	return {
+		// public functions
+		init: function() {
+			verify.init();
+			init();
+		}
+	};
+}();
+
+jQuery(document).ready(function() {
+	KTLayoutBuilder.init();
+});

assets/assets/js/pages/crud/datatables/advanced/column-rendering.js

@@ -1,153 +1,153 @@
-"use strict";
-var KTDatatablesAdvancedColumnRendering = function() {
-
-	var init = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			paging: true,
-			columnDefs: [
-				{
-					targets: 0,
-					title: 'Agent',
-					render: function(data, type, full, meta) {
-						var number = KTUtil.getRandomInt(1, 14);
-						var user_img = '100_' + number + '.jpg';
-
-						var output;
-						if (number > 8) {
-							output = `
-                                <div class="d-flex align-items-center">
-                                    <div class="symbol symbol-50 flex-shrink-0">
-                                        <img src="assets/media/users/` + user_img + `" alt="photo">
-                                    </div>
-                                    <div class="ml-3">
-                                        <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
-                                        <a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
-                                    </div>
-                                </div>`;
-						}
-
-						else {
-							var stateNo = KTUtil.getRandomInt(0, 7);
-							var states = [
-								'success',
-								'light',
-								'danger',
-								'success',
-								'warning',
-								'dark',
-								'primary',
-								'info'];
-
-							var state = states[stateNo];
-
-							output = `
-                                <div class="d-flex align-items-center">
-                                    <div class="symbol symbol-50 symbol-light-` + state + `" flex-shrink-0">
-                                        <div class="symbol-label font-size-h5">` + full[2].substring(0, 1) + `</div>
-                                    </div>
-                                    <div class="ml-3">
-                                        <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
-                                        <a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
-                                    </div>
-                                </div>`;
-						}
-
-						return output;
-					},
-				},
-				{
-					targets: 1,
-					render: function(data, type, full, meta) {
-						return '<a class="text-dark-50 text-hover-primary" href="mailto:' + data + '">' + data + '</a>';
-					},
-				},
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-							<div class="dropdown dropdown-inline">\
-								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
-	                                <i class="la la-cog"></i>\
-	                            </a>\
-							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-									<ul class="nav nav-hoverable flex-column">\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
-									</ul>\
-							  	</div>\
-							</div>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
-								<i class="la la-edit"></i>\
-							</a>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-								<i class="la la-trash"></i>\
-							</a>\
-						';
-					},
-				},
-				{
-					targets: 4,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-primary'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					targets: 5,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-
-		$('#kt_datatable_search_status').on('change', function() {
-			datatable.search($(this).val().toLowerCase(), 'Status');
-		});
-
-		$('#kt_datatable_search_type').on('change', function() {
-			datatable.search($(this).val().toLowerCase(), 'Type');
-		});
-
-		$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			init();
-		}
-	};
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesAdvancedColumnRendering.init();
-});
+"use strict";
+var KTDatatablesAdvancedColumnRendering = function() {
+
+	var init = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			paging: true,
+			columnDefs: [
+				{
+					targets: 0,
+					title: 'Agent',
+					render: function(data, type, full, meta) {
+						var number = KTUtil.getRandomInt(1, 14);
+						var user_img = '100_' + number + '.jpg';
+
+						var output;
+						if (number > 8) {
+							output = `
+                                <div class="d-flex align-items-center">
+                                    <div class="symbol symbol-50 flex-shrink-0">
+                                        <img src="assets/media/users/` + user_img + `" alt="photo">
+                                    </div>
+                                    <div class="ml-3">
+                                        <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
+                                        <a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
+                                    </div>
+                                </div>`;
+						}
+
+						else {
+							var stateNo = KTUtil.getRandomInt(0, 7);
+							var states = [
+								'success',
+								'light',
+								'danger',
+								'success',
+								'warning',
+								'dark',
+								'primary',
+								'info'];
+
+							var state = states[stateNo];
+
+							output = `
+                                <div class="d-flex align-items-center">
+                                    <div class="symbol symbol-50 symbol-light-` + state + `" flex-shrink-0">
+                                        <div class="symbol-label font-size-h5">` + full[2].substring(0, 1) + `</div>
+                                    </div>
+                                    <div class="ml-3">
+                                        <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
+                                        <a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
+                                    </div>
+                                </div>`;
+						}
+
+						return output;
+					},
+				},
+				{
+					targets: 1,
+					render: function(data, type, full, meta) {
+						return '<a class="text-dark-50 text-hover-primary" href="mailto:' + data + '">' + data + '</a>';
+					},
+				},
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+							<div class="dropdown dropdown-inline">\
+								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
+	                                <i class="la la-cog"></i>\
+	                            </a>\
+							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+									<ul class="nav nav-hoverable flex-column">\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
+									</ul>\
+							  	</div>\
+							</div>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
+								<i class="la la-edit"></i>\
+							</a>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+								<i class="la la-trash"></i>\
+							</a>\
+						';
+					},
+				},
+				{
+					targets: 4,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-primary'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					targets: 5,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+
+		$('#kt_datatable_search_status').on('change', function() {
+			datatable.search($(this).val().toLowerCase(), 'Status');
+		});
+
+		$('#kt_datatable_search_type').on('change', function() {
+			datatable.search($(this).val().toLowerCase(), 'Type');
+		});
+
+		$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			init();
+		}
+	};
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesAdvancedColumnRendering.init();
+});

assets/assets/js/pages/crud/datatables/advanced/column-visibility.js

@@ -1,91 +1,91 @@
-"use strict";
-var KTDatatablesAdvancedColumnVisibility = function() {
-
-	var init = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			columnDefs: [
-				{
-					// hide columns by index number
-					targets: [0, 3],
-					visible: false,
-				},
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-							<div class="dropdown dropdown-inline">\
-								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
-	                                <i class="la la-cog"></i>\
-	                            </a>\
-							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-									<ul class="nav nav-hoverable flex-column">\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
-									</ul>\
-							  	</div>\
-							</div>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
-								<i class="la la-edit"></i>\
-							</a>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-								<i class="la la-trash"></i>\
-							</a>\
-						';
-					},
-				},
-				{
-					targets: 8,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-brand'},
-							2: {'title': 'Delivered', 'class': ' label-light-metal'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					targets: 9,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'accent'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-	};
-
-	return {
-		//main function to initiate the module
-		init: function() {
-			init();
-		}
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesAdvancedColumnVisibility.init();
-});
+"use strict";
+var KTDatatablesAdvancedColumnVisibility = function() {
+
+	var init = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			columnDefs: [
+				{
+					// hide columns by index number
+					targets: [0, 3],
+					visible: false,
+				},
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+							<div class="dropdown dropdown-inline">\
+								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
+	                                <i class="la la-cog"></i>\
+	                            </a>\
+							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+									<ul class="nav nav-hoverable flex-column">\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
+									</ul>\
+							  	</div>\
+							</div>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
+								<i class="la la-edit"></i>\
+							</a>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+								<i class="la la-trash"></i>\
+							</a>\
+						';
+					},
+				},
+				{
+					targets: 8,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-brand'},
+							2: {'title': 'Delivered', 'class': ' label-light-metal'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					targets: 9,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'accent'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+	};
+
+	return {
+		//main function to initiate the module
+		init: function() {
+			init();
+		}
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesAdvancedColumnVisibility.init();
+});

assets/assets/js/pages/crud/datatables/advanced/footer-callback.js

@@ -1,53 +1,53 @@
-"use strict";
-var KTDatatablesAdvancedFooterCalllback = function() {
-
-	var init = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			pageLength: 5,
-			lengthMenu: [[2, 5, 10, 15, -1], [2, 5, 10, 15, 'All']],
-			footerCallback: function(row, data, start, end, display) {
-
-				var column = 6;
-				var api = this.api(), data;
-
-				// Remove the formatting to get integer data for summation
-				var intVal = function(i) {
-					return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
-				};
-
-				// Total over all pages
-				var total = api.column(column).data().reduce(function(a, b) {
-					return intVal(a) + intVal(b);
-				}, 0);
-
-				// Total over this page
-				var pageTotal = api.column(column, {page: 'current'}).data().reduce(function(a, b) {
-					return intVal(a) + intVal(b);
-				}, 0);
-
-				// Update footer
-				$(api.column(column).footer()).html(
-					'$' + KTUtil.numberString(pageTotal.toFixed(2)) + '<br/> ( $' + KTUtil.numberString(total.toFixed(2)) + ' total)',
-				);
-			},
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			init();
-		},
-
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesAdvancedFooterCalllback.init();
-});
+"use strict";
+var KTDatatablesAdvancedFooterCalllback = function() {
+
+	var init = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			pageLength: 5,
+			lengthMenu: [[2, 5, 10, 15, -1], [2, 5, 10, 15, 'All']],
+			footerCallback: function(row, data, start, end, display) {
+
+				var column = 6;
+				var api = this.api(), data;
+
+				// Remove the formatting to get integer data for summation
+				var intVal = function(i) {
+					return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
+				};
+
+				// Total over all pages
+				var total = api.column(column).data().reduce(function(a, b) {
+					return intVal(a) + intVal(b);
+				}, 0);
+
+				// Total over this page
+				var pageTotal = api.column(column, {page: 'current'}).data().reduce(function(a, b) {
+					return intVal(a) + intVal(b);
+				}, 0);
+
+				// Update footer
+				$(api.column(column).footer()).html(
+					'$' + KTUtil.numberString(pageTotal.toFixed(2)) + '<br/> ( $' + KTUtil.numberString(total.toFixed(2)) + ' total)',
+				);
+			},
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			init();
+		},
+
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesAdvancedFooterCalllback.init();
+});

assets/assets/js/pages/crud/datatables/advanced/multiple-controls.js

@@ -1,95 +1,95 @@
-"use strict";
-var KTDatatablesAdvancedMultipleControls = function() {
-
-	var init = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			// DOM Layout settings
-			dom:
-				"<'row py-3'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
-				"<'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>>" +
-				"<'row py-3'<'col-sm-12'tr>>" +
-				"<'row py-3'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
-				"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>", // read more: https://datatables.net/examples/basic_init/dom.html
-
-			columnDefs: [
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-							<div class="dropdown dropdown-inline">\
-								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
-	                                <i class="la la-cog"></i>\
-	                            </a>\
-							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-									<ul class="nav nav-hoverable flex-column">\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
-									</ul>\
-							  	</div>\
-							</div>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
-								<i class="la la-edit"></i>\
-							</a>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-								<i class="la la-trash"></i>\
-							</a>\
-						';
-					},
-				},
-				{
-					width: '75px',
-					targets: 8,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-primary'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold ' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					width: '75px',
-					targets: 9,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-	};
-
-	return {
-		//main function to initiate the module
-		init: function() {
-			init();
-		}
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesAdvancedMultipleControls.init();
-});
+"use strict";
+var KTDatatablesAdvancedMultipleControls = function() {
+
+	var init = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			// DOM Layout settings
+			dom:
+				"<'row py-3'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
+				"<'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>>" +
+				"<'row py-3'<'col-sm-12'tr>>" +
+				"<'row py-3'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
+				"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>", // read more: https://datatables.net/examples/basic_init/dom.html
+
+			columnDefs: [
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+							<div class="dropdown dropdown-inline">\
+								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
+	                                <i class="la la-cog"></i>\
+	                            </a>\
+							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+									<ul class="nav nav-hoverable flex-column">\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
+									</ul>\
+							  	</div>\
+							</div>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
+								<i class="la la-edit"></i>\
+							</a>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+								<i class="la la-trash"></i>\
+							</a>\
+						';
+					},
+				},
+				{
+					width: '75px',
+					targets: 8,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-primary'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold ' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					width: '75px',
+					targets: 9,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+	};
+
+	return {
+		//main function to initiate the module
+		init: function() {
+			init();
+		}
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesAdvancedMultipleControls.init();
+});

assets/assets/js/pages/crud/datatables/advanced/row-callback.js

@@ -1,36 +1,36 @@
-"use strict";
-var KTDatatablesAdvancedColumnVisibility = function() {
-
-	var init = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			createdRow: function(row, data, index) {
-				var cell = $('td', row).eq(6);
-				if (data[6].replace(/[\$,]/g, '') * 1 > 400000 && data[6].replace(/[\$,]/g, '') * 1 < 600000) {
-					cell.addClass('highlight').css({'font-weight': 'bold', color: '#716aca'}).attr('title', 'Over $400,000 and below $600,000');
-				}
-				if (data[6].replace(/[\$,]/g, '') * 1 > 600000) {
-					cell.addClass('highlight').css({'font-weight': 'bold', color: '#f4516c'}).attr('title', 'Over $600,000');
-				}
-				cell.html(KTUtil.numberString(data[6]));
-			},
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			init();
-		},
-
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesAdvancedColumnVisibility.init();
-});
+"use strict";
+var KTDatatablesAdvancedColumnVisibility = function() {
+
+	var init = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			createdRow: function(row, data, index) {
+				var cell = $('td', row).eq(6);
+				if (data[6].replace(/[\$,]/g, '') * 1 > 400000 && data[6].replace(/[\$,]/g, '') * 1 < 600000) {
+					cell.addClass('highlight').css({'font-weight': 'bold', color: '#716aca'}).attr('title', 'Over $400,000 and below $600,000');
+				}
+				if (data[6].replace(/[\$,]/g, '') * 1 > 600000) {
+					cell.addClass('highlight').css({'font-weight': 'bold', color: '#f4516c'}).attr('title', 'Over $600,000');
+				}
+				cell.html(KTUtil.numberString(data[6]));
+			},
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			init();
+		},
+
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesAdvancedColumnVisibility.init();
+});

assets/assets/js/pages/crud/datatables/advanced/row-grouping.js

@@ -1,109 +1,109 @@
-"use strict";
-var KTDatatablesAdvancedRowGrouping = function() {
-
-	var init = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			pageLength: 25,
-			order: [[2, 'asc']],
-			drawCallback: function(settings) {
-				var api = this.api();
-				var rows = api.rows({page: 'current'}).nodes();
-				var last = null;
-
-				api.column(2, {page: 'current'}).data().each(function(group, i) {
-					if (last !== group) {
-						$(rows).eq(i).before(
-							'<tr class="group"><td colspan="10">' + group + '</td></tr>',
-						);
-						last = group;
-					}
-				});
-			},
-			columnDefs: [
-				{
-					// hide columns by index number
-					targets: [0, 2],
-					visible: false,
-				},
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-							<div class="dropdown dropdown-inline">\
-								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
-	                                <i class="la la-cog"></i>\
-	                            </a>\
-							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-									<ul class="nav nav-hoverable flex-column">\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
-									</ul>\
-							  	</div>\
-							</div>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
-								<i class="la la-edit"></i>\
-							</a>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-								<i class="la la-trash"></i>\
-							</a>\
-						';
-					},
-				},
-				{
-					targets: 8,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-primary'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					targets: 9,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			init();
-		},
-
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesAdvancedRowGrouping.init();
-});
+"use strict";
+var KTDatatablesAdvancedRowGrouping = function() {
+
+	var init = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			pageLength: 25,
+			order: [[2, 'asc']],
+			drawCallback: function(settings) {
+				var api = this.api();
+				var rows = api.rows({page: 'current'}).nodes();
+				var last = null;
+
+				api.column(2, {page: 'current'}).data().each(function(group, i) {
+					if (last !== group) {
+						$(rows).eq(i).before(
+							'<tr class="group"><td colspan="10">' + group + '</td></tr>',
+						);
+						last = group;
+					}
+				});
+			},
+			columnDefs: [
+				{
+					// hide columns by index number
+					targets: [0, 2],
+					visible: false,
+				},
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+							<div class="dropdown dropdown-inline">\
+								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
+	                                <i class="la la-cog"></i>\
+	                            </a>\
+							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+									<ul class="nav nav-hoverable flex-column">\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
+									</ul>\
+							  	</div>\
+							</div>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
+								<i class="la la-edit"></i>\
+							</a>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+								<i class="la la-trash"></i>\
+							</a>\
+						';
+					},
+				},
+				{
+					targets: 8,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-primary'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					targets: 9,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			init();
+		},
+
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesAdvancedRowGrouping.init();
+});

assets/assets/js/pages/crud/datatables/basic/basic.js

@@ -1,384 +1,384 @@
-"use strict";
-var KTDatatablesBasicBasic = function() {
-
-	var initTable1 = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-
-			// DOM Layout settings
-			dom: `<'row'<'col-sm-12'tr>>
-			<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
-
-			lengthMenu: [5, 10, 25, 50],
-
-			pageLength: 10,
-
-			language: {
-				'lengthMenu': 'Display _MENU_',
-			},
-
-			// Order settings
-			order: [[1, 'desc']],
-
-			headerCallback: function(thead, data, start, end, display) {
-				thead.getElementsByTagName('th')[0].innerHTML = `
-                    <label class="checkbox checkbox-single">
-                        <input type="checkbox" value="" class="group-checkable"/>
-                        <span></span>
-                    </label>`;
-			},
-
-			columnDefs: [
-				{
-					targets: 0,
-					width: '30px',
-					className: 'dt-left',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return `
-                        <label class="checkbox checkbox-single">
-                            <input type="checkbox" value="" class="checkable"/>
-                            <span></span>
-                        </label>`;
-					},
-				},
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					width: '125px',
-					render: function(data, type, full, meta) {
-						return '\
-	                        <div class="dropdown dropdown-inline">\
-	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
-	                                <span class="svg-icon svg-icon-md">\
-	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                            <rect x="0" y="0" width="24" height="24"/>\
-	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
-	                                        </g>\
-	                                    </svg>\
-	                                </span>\
-	                            </a>\
-	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-	                                <ul class="navi flex-column navi-hover py-2">\
-	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
-	                                        Choose an action:\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
-	                                            <span class="navi-text">Print</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
-	                                            <span class="navi-text">Copy</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
-	                                            <span class="navi-text">Excel</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
-	                                            <span class="navi-text">CSV</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
-	                                            <span class="navi-text">PDF</span>\
-	                                        </a>\
-	                                    </li>\
-	                                </ul>\
-	                            </div>\
-	                        </div>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
-	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
-	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                    ';
-					},
-				},
-				{
-					targets: 8,
-					width: '75px',
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-success'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					targets: 9,
-					width: '75px',
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-
-		table.on('change', '.group-checkable', function() {
-			var set = $(this).closest('table').find('td:first-child .checkable');
-			var checked = $(this).is(':checked');
-
-			$(set).each(function() {
-				if (checked) {
-					$(this).prop('checked', true);
-					$(this).closest('tr').addClass('active');
-				}
-				else {
-					$(this).prop('checked', false);
-					$(this).closest('tr').removeClass('active');
-				}
-			});
-		});
-
-		table.on('change', 'tbody tr .checkbox', function() {
-			$(this).parents('tr').toggleClass('active');
-		});
-	};
-
-	var initTable2 = function() {
-		var table = $('#kt_datatable_2');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-
-			// DOM Layout settings
-			dom: `<'row'<'col-sm-12'tr>>
-			<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
-
-			lengthMenu: [5, 10, 25, 50],
-
-			pageLength: 10,
-
-			language: {
-				'lengthMenu': 'Display _MENU_',
-			},
-
-			// Order settings
-			order: [[1, 'desc']],
-
-			headerCallback: function(thead, data, start, end, display) {
-				thead.getElementsByTagName('th')[0].innerHTML = `
-                    <label class="checkbox checkbox-single">
-                        <input type="checkbox" value="" class="group-checkable"/>
-                        <span></span>
-                    </label>`;
-			},
-
-			columnDefs: [
-				{
-					targets: 0,
-					width: '30px',
-					className: 'dt-left',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return `
-                        <label class="checkbox checkbox-single">
-                            <input type="checkbox" value="" class="checkable"/>
-                            <span></span>
-                        </label>`;
-					},
-				},
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					width: '125px',
-					render: function(data, type, full, meta) {
-						return '\
-	                        <div class="dropdown dropdown-inline">\
-	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
-	                                <span class="svg-icon svg-icon-md">\
-	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                            <rect x="0" y="0" width="24" height="24"/>\
-	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
-	                                        </g>\
-	                                    </svg>\
-	                                </span>\
-	                            </a>\
-	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-	                                <ul class="navi flex-column navi-hover py-2">\
-	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
-	                                        Choose an action:\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
-	                                            <span class="navi-text">Print</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
-	                                            <span class="navi-text">Copy</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
-	                                            <span class="navi-text">Excel</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
-	                                            <span class="navi-text">CSV</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
-	                                            <span class="navi-text">PDF</span>\
-	                                        </a>\
-	                                    </li>\
-	                                </ul>\
-	                            </div>\
-	                        </div>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
-	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
-	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                    ';
-					},
-				},
-				{
-					targets: 8,
-					width: '75px',
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-success'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					targets: 9,
-					width: '75px',
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-
-		table.on('change', '.group-checkable', function() {
-			var set = $(this).closest('table').find('td:first-child .checkable');
-			var checked = $(this).is(':checked');
-
-			$(set).each(function() {
-				if (checked) {
-					$(this).prop('checked', true);
-					$(this).closest('tr').addClass('active');
-				}
-				else {
-					$(this).prop('checked', false);
-					$(this).closest('tr').removeClass('active');
-				}
-			});
-		});
-
-		table.on('change', 'tbody tr .checkbox', function() {
-			$(this).parents('tr').toggleClass('active');
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			initTable1();
-			initTable2();
-		}
-	};
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesBasicBasic.init();
-});
+"use strict";
+var KTDatatablesBasicBasic = function() {
+
+	var initTable1 = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+
+			// DOM Layout settings
+			dom: `<'row'<'col-sm-12'tr>>
+			<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
+
+			lengthMenu: [5, 10, 25, 50],
+
+			pageLength: 10,
+
+			language: {
+				'lengthMenu': 'Display _MENU_',
+			},
+
+			// Order settings
+			order: [[1, 'desc']],
+
+			headerCallback: function(thead, data, start, end, display) {
+				thead.getElementsByTagName('th')[0].innerHTML = `
+                    <label class="checkbox checkbox-single">
+                        <input type="checkbox" value="" class="group-checkable"/>
+                        <span></span>
+                    </label>`;
+			},
+
+			columnDefs: [
+				{
+					targets: 0,
+					width: '30px',
+					className: 'dt-left',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return `
+                        <label class="checkbox checkbox-single">
+                            <input type="checkbox" value="" class="checkable"/>
+                            <span></span>
+                        </label>`;
+					},
+				},
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					width: '125px',
+					render: function(data, type, full, meta) {
+						return '\
+	                        <div class="dropdown dropdown-inline">\
+	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
+	                                <span class="svg-icon svg-icon-md">\
+	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                            <rect x="0" y="0" width="24" height="24"/>\
+	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
+	                                        </g>\
+	                                    </svg>\
+	                                </span>\
+	                            </a>\
+	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+	                                <ul class="navi flex-column navi-hover py-2">\
+	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
+	                                        Choose an action:\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
+	                                            <span class="navi-text">Print</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
+	                                            <span class="navi-text">Copy</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
+	                                            <span class="navi-text">Excel</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
+	                                            <span class="navi-text">CSV</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
+	                                            <span class="navi-text">PDF</span>\
+	                                        </a>\
+	                                    </li>\
+	                                </ul>\
+	                            </div>\
+	                        </div>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
+	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
+	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                    ';
+					},
+				},
+				{
+					targets: 8,
+					width: '75px',
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-success'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					targets: 9,
+					width: '75px',
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+
+		table.on('change', '.group-checkable', function() {
+			var set = $(this).closest('table').find('td:first-child .checkable');
+			var checked = $(this).is(':checked');
+
+			$(set).each(function() {
+				if (checked) {
+					$(this).prop('checked', true);
+					$(this).closest('tr').addClass('active');
+				}
+				else {
+					$(this).prop('checked', false);
+					$(this).closest('tr').removeClass('active');
+				}
+			});
+		});
+
+		table.on('change', 'tbody tr .checkbox', function() {
+			$(this).parents('tr').toggleClass('active');
+		});
+	};
+
+	var initTable2 = function() {
+		var table = $('#kt_datatable_2');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+
+			// DOM Layout settings
+			dom: `<'row'<'col-sm-12'tr>>
+			<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
+
+			lengthMenu: [5, 10, 25, 50],
+
+			pageLength: 10,
+
+			language: {
+				'lengthMenu': 'Display _MENU_',
+			},
+
+			// Order settings
+			order: [[1, 'desc']],
+
+			headerCallback: function(thead, data, start, end, display) {
+				thead.getElementsByTagName('th')[0].innerHTML = `
+                    <label class="checkbox checkbox-single">
+                        <input type="checkbox" value="" class="group-checkable"/>
+                        <span></span>
+                    </label>`;
+			},
+
+			columnDefs: [
+				{
+					targets: 0,
+					width: '30px',
+					className: 'dt-left',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return `
+                        <label class="checkbox checkbox-single">
+                            <input type="checkbox" value="" class="checkable"/>
+                            <span></span>
+                        </label>`;
+					},
+				},
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					width: '125px',
+					render: function(data, type, full, meta) {
+						return '\
+	                        <div class="dropdown dropdown-inline">\
+	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
+	                                <span class="svg-icon svg-icon-md">\
+	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                            <rect x="0" y="0" width="24" height="24"/>\
+	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
+	                                        </g>\
+	                                    </svg>\
+	                                </span>\
+	                            </a>\
+	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+	                                <ul class="navi flex-column navi-hover py-2">\
+	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
+	                                        Choose an action:\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
+	                                            <span class="navi-text">Print</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
+	                                            <span class="navi-text">Copy</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
+	                                            <span class="navi-text">Excel</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
+	                                            <span class="navi-text">CSV</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
+	                                            <span class="navi-text">PDF</span>\
+	                                        </a>\
+	                                    </li>\
+	                                </ul>\
+	                            </div>\
+	                        </div>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
+	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
+	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                    ';
+					},
+				},
+				{
+					targets: 8,
+					width: '75px',
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-success'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					targets: 9,
+					width: '75px',
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+
+		table.on('change', '.group-checkable', function() {
+			var set = $(this).closest('table').find('td:first-child .checkable');
+			var checked = $(this).is(':checked');
+
+			$(set).each(function() {
+				if (checked) {
+					$(this).prop('checked', true);
+					$(this).closest('tr').addClass('active');
+				}
+				else {
+					$(this).prop('checked', false);
+					$(this).closest('tr').removeClass('active');
+				}
+			});
+		});
+
+		table.on('change', 'tbody tr .checkbox', function() {
+			$(this).parents('tr').toggleClass('active');
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			initTable1();
+			initTable2();
+		}
+	};
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesBasicBasic.init();
+});

assets/assets/js/pages/crud/datatables/basic/headers.js

@@ -1,90 +1,90 @@
-"use strict";
-var KTDatatablesBasicHeaders = function() {
-
-	var initTable1 = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			columnDefs: [
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-							<div class="dropdown dropdown-inline">\
-								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
-	                                <i class="la la-cog"></i>\
-	                            </a>\
-							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-									<ul class="nav nav-hoverable flex-column">\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
-									</ul>\
-							  	</div>\
-							</div>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
-								<i class="la la-edit"></i>\
-							</a>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-								<i class="la la-trash"></i>\
-							</a>\
-						';
-					},
-				},
-				{
-					width: '75px',
-					targets: 8,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-primary'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					width: '75px',
-					targets: 9,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			initTable1();
-		},
-
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesBasicHeaders.init();
-});
+"use strict";
+var KTDatatablesBasicHeaders = function() {
+
+	var initTable1 = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			columnDefs: [
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+							<div class="dropdown dropdown-inline">\
+								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
+	                                <i class="la la-cog"></i>\
+	                            </a>\
+							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+									<ul class="nav nav-hoverable flex-column">\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
+									</ul>\
+							  	</div>\
+							</div>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
+								<i class="la la-edit"></i>\
+							</a>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+								<i class="la la-trash"></i>\
+							</a>\
+						';
+					},
+				},
+				{
+					width: '75px',
+					targets: 8,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-primary'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					width: '75px',
+					targets: 9,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			initTable1();
+		},
+
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesBasicHeaders.init();
+});

assets/assets/js/pages/crud/datatables/basic/paginations.js

@@ -1,145 +1,145 @@
-"use strict";
-var KTDatatablesBasicPaginations = function() {
-
-	var initTable1 = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			pagingType: 'full_numbers',
-			columnDefs: [
-				{
-					targets: -1,
-					width: '125px',
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-	                        <div class="dropdown dropdown-inline">\
-	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
-	                                <span class="svg-icon svg-icon-md">\
-	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                            <rect x="0" y="0" width="24" height="24"/>\
-	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
-	                                        </g>\
-	                                    </svg>\
-	                                </span>\
-	                            </a>\
-	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-	                                <ul class="navi flex-column navi-hover py-2">\
-	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
-	                                        Choose an action:\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
-	                                            <span class="navi-text">Print</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
-	                                            <span class="navi-text">Copy</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
-	                                            <span class="navi-text">Excel</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
-	                                            <span class="navi-text">CSV</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
-	                                            <span class="navi-text">PDF</span>\
-	                                        </a>\
-	                                    </li>\
-	                                </ul>\
-	                            </div>\
-	                        </div>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
-	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
-	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                    ';
-					},
-				},
-				{
-					targets: 8,
-					width: '75px',
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-success'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					targets: 9,
-					width: '75px',
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			initTable1();
-		},
-
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesBasicPaginations.init();
-});
+"use strict";
+var KTDatatablesBasicPaginations = function() {
+
+	var initTable1 = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			pagingType: 'full_numbers',
+			columnDefs: [
+				{
+					targets: -1,
+					width: '125px',
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+	                        <div class="dropdown dropdown-inline">\
+	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
+	                                <span class="svg-icon svg-icon-md">\
+	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                            <rect x="0" y="0" width="24" height="24"/>\
+	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
+	                                        </g>\
+	                                    </svg>\
+	                                </span>\
+	                            </a>\
+	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+	                                <ul class="navi flex-column navi-hover py-2">\
+	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
+	                                        Choose an action:\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
+	                                            <span class="navi-text">Print</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
+	                                            <span class="navi-text">Copy</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
+	                                            <span class="navi-text">Excel</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
+	                                            <span class="navi-text">CSV</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
+	                                            <span class="navi-text">PDF</span>\
+	                                        </a>\
+	                                    </li>\
+	                                </ul>\
+	                            </div>\
+	                        </div>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
+	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
+	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                    ';
+					},
+				},
+				{
+					targets: 8,
+					width: '75px',
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-success'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					targets: 9,
+					width: '75px',
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			initTable1();
+		},
+
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesBasicPaginations.init();
+});

assets/assets/js/pages/crud/datatables/basic/scrollable.js

@@ -1,386 +1,386 @@
-"use strict";
-var KTDatatablesBasicScrollable = function() {
-
-    var initTable1 = function() {
-        var table = $('#kt_datatable1');
-
-        // begin first table
-        table.DataTable({
-            scrollY: '50vh',
-            scrollX: true,
-            scrollCollapse: true,
-            columnDefs: [{
-                    targets: -1,
-                    title: 'Actions',
-                    orderable: false,
-					width: '125px',
-                    render: function(data, type, full, meta) {
-						return '\
-	                        <div class="dropdown dropdown-inline">\
-	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
-	                                <span class="svg-icon svg-icon-md">\
-	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                            <rect x="0" y="0" width="24" height="24"/>\
-	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
-	                                        </g>\
-	                                    </svg>\
-	                                </span>\
-	                            </a>\
-	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-	                                <ul class="navi flex-column navi-hover py-2">\
-	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
-	                                        Choose an action:\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
-	                                            <span class="navi-text">Print</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
-	                                            <span class="navi-text">Copy</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
-	                                            <span class="navi-text">Excel</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
-	                                            <span class="navi-text">CSV</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
-	                                            <span class="navi-text">PDF</span>\
-	                                        </a>\
-	                                    </li>\
-	                                </ul>\
-	                            </div>\
-	                        </div>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
-	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
-	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                    ';
-                    },
-                },
-                {
-                    targets: 8,
-					width: '75px',
-                    render: function(data, type, full, meta) {
-                        var status = {
-                            1: {
-                                'title': 'Pending',
-                                'class': 'label-light-primary'
-                            },
-                            2: {
-                                'title': 'Delivered',
-                                'class': ' label-light-danger'
-                            },
-                            3: {
-                                'title': 'Canceled',
-                                'class': ' label-light-primary'
-                            },
-                            4: {
-                                'title': 'Success',
-                                'class': ' label-light-success'
-                            },
-                            5: {
-                                'title': 'Info',
-                                'class': ' label-light-info'
-                            },
-                            6: {
-                                'title': 'Danger',
-                                'class': ' label-light-danger'
-                            },
-                            7: {
-                                'title': 'Warning',
-                                'class': ' label-light-warning'
-                            },
-                        };
-                        if (typeof status[data] === 'undefined') {
-                            return data;
-                        }
-                        return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-                    },
-                },
-                {
-                    targets: 9,
-					width: '75px',
-                    render: function(data, type, full, meta) {
-                        var status = {
-                            1: {
-                                'title': 'Online',
-                                'state': 'danger'
-                            },
-                            2: {
-                                'title': 'Retail',
-                                'state': 'primary'
-                            },
-                            3: {
-                                'title': 'Direct',
-                                'state': 'success'
-                            },
-                        };
-                        if (typeof status[data] === 'undefined') {
-                            return data;
-                        }
-                        return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-                            '<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-                    },
-                },
-            ],
-        });
-    };
-
-    var initTable2 = function() {
-        var table = $('#kt_datatable2');
-
-        // begin second table
-        table.DataTable({
-            scrollY: '50vh',
-            scrollX: true,
-            scrollCollapse: true,
-            createdRow: function(row, data, index) {
-                var status = {
-                    1: {
-                        'title': 'Pending',
-                        'class': 'label-light-primary'
-                    },
-                    2: {
-                        'title': 'Delivered',
-                        'class': ' label-light-danger'
-                    },
-                    3: {
-                        'title': 'Canceled',
-                        'class': ' label-light-primary'
-                    },
-                    4: {
-                        'title': 'Success',
-                        'class': ' label-light-success'
-                    },
-                    5: {
-                        'title': 'Info',
-                        'class': ' label-light-info'
-                    },
-                    6: {
-                        'title': 'Danger',
-                        'class': ' label-light-danger'
-                    },
-                    7: {
-                        'title': 'Warning',
-                        'class': ' label-light-warning'
-                    },
-                };
-                var badge = '<span class="label ' + status[data[18]].class + ' label-inline label-bold">' + status[data[18]].title + '</span>';
-                row.getElementsByTagName('td')[18].innerHTML = badge;
-
-                status = {
-                    1: {
-                        'title': 'Online',
-                        'state': 'danger'
-                    },
-                    2: {
-                        'title': 'Retail',
-                        'state': 'primary'
-                    },
-                    3: {
-                        'title': 'Direct',
-                        'state': 'success'
-                    },
-                };
-                badge = '<span class="label label-' + status[data[19]].state + ' label-dot mr-2"></span>' +
-                    '<span class="font-weight-bold text-' + status[data[19]].state + '">' + status[data[19]].title + '</span>';
-                row.getElementsByTagName('td')[19].innerHTML = badge;
-            },
-            columnDefs: [{
-                    targets: -1,
-                    title: 'Actions',
-                    orderable: false,
-					width: '125px',
-                    render: function(data, type, full, meta) {
-						return '\
-	                        <div class="dropdown dropdown-inline">\
-	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
-	                                <span class="svg-icon svg-icon-md">\
-	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                            <rect x="0" y="0" width="24" height="24"/>\
-	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
-	                                        </g>\
-	                                    </svg>\
-	                                </span>\
-	                            </a>\
-	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-	                                <ul class="navi flex-column navi-hover py-2">\
-	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
-	                                        Choose an action:\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
-	                                            <span class="navi-text">Print</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
-	                                            <span class="navi-text">Copy</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
-	                                            <span class="navi-text">Excel</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
-	                                            <span class="navi-text">CSV</span>\
-	                                        </a>\
-	                                    </li>\
-	                                    <li class="navi-item">\
-	                                        <a href="#" class="navi-link">\
-	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
-	                                            <span class="navi-text">PDF</span>\
-	                                        </a>\
-	                                    </li>\
-	                                </ul>\
-	                            </div>\
-	                        </div>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
-	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-	                            <span class="svg-icon svg-icon-md">\
-	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
-	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
-	                                        <rect x="0" y="0" width="24" height="24"/>\
-	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
-	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
-	                                    </g>\
-	                                </svg>\
-	                            </span>\
-	                        </a>\
-	                    ';
-                    },
-                },
-                {
-                    targets: 8,
-					width: '75px',
-                    render: function(data, type, full, meta) {
-                        var status = {
-                            1: {
-                                'title': 'Pending',
-                                'class': 'label-light-primary'
-                            },
-                            2: {
-                                'title': 'Delivered',
-                                'class': ' label-light-danger'
-                            },
-                            3: {
-                                'title': 'Canceled',
-                                'class': ' label-light-primary'
-                            },
-                            4: {
-                                'title': 'Success',
-                                'class': ' label-light-success'
-                            },
-                            5: {
-                                'title': 'Info',
-                                'class': ' label-light-info'
-                            },
-                            6: {
-                                'title': 'Danger',
-                                'class': ' label-light-danger'
-                            },
-                            7: {
-                                'title': 'Warning',
-                                'class': ' label-light-warning'
-                            },
-                        };
-                        if (typeof status[data] === 'undefined') {
-                            return data;
-                        }
-                        return '<span class="label ' + status[data].class + ' label-inline label-bold">' + status[data].title + '</span>';
-                    },
-                },
-                {
-                    targets: 9,
-					width: '75px',
-                    render: function(data, type, full, meta) {
-                        var status = {
-                            1: {
-                                'title': 'Online',
-                                'state': 'danger'
-                            },
-                            2: {
-                                'title': 'Retail',
-                                'state': 'primary'
-                            },
-                            3: {
-                                'title': 'Direct',
-                                'state': 'success'
-                            },
-                        };
-                        if (typeof status[data] === 'undefined') {
-                            return data;
-                        }
-                        return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-                            '<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-                    },
-                },
-            ],
-        });
-    };
-
-    return {
-
-        //main function to initiate the module
-        init: function() {
-            initTable1();
-            initTable2();
-        },
-
-    };
-
-}();
-
-jQuery(document).ready(function() {
-    KTDatatablesBasicScrollable.init();
-});
+"use strict";
+var KTDatatablesBasicScrollable = function() {
+
+    var initTable1 = function() {
+        var table = $('#kt_datatable1');
+
+        // begin first table
+        table.DataTable({
+            scrollY: '50vh',
+            scrollX: true,
+            scrollCollapse: true,
+            columnDefs: [{
+                    targets: -1,
+                    title: 'Actions',
+                    orderable: false,
+					width: '125px',
+                    render: function(data, type, full, meta) {
+						return '\
+	                        <div class="dropdown dropdown-inline">\
+	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
+	                                <span class="svg-icon svg-icon-md">\
+	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                            <rect x="0" y="0" width="24" height="24"/>\
+	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
+	                                        </g>\
+	                                    </svg>\
+	                                </span>\
+	                            </a>\
+	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+	                                <ul class="navi flex-column navi-hover py-2">\
+	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
+	                                        Choose an action:\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
+	                                            <span class="navi-text">Print</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
+	                                            <span class="navi-text">Copy</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
+	                                            <span class="navi-text">Excel</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
+	                                            <span class="navi-text">CSV</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
+	                                            <span class="navi-text">PDF</span>\
+	                                        </a>\
+	                                    </li>\
+	                                </ul>\
+	                            </div>\
+	                        </div>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
+	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
+	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                    ';
+                    },
+                },
+                {
+                    targets: 8,
+					width: '75px',
+                    render: function(data, type, full, meta) {
+                        var status = {
+                            1: {
+                                'title': 'Pending',
+                                'class': 'label-light-primary'
+                            },
+                            2: {
+                                'title': 'Delivered',
+                                'class': ' label-light-danger'
+                            },
+                            3: {
+                                'title': 'Canceled',
+                                'class': ' label-light-primary'
+                            },
+                            4: {
+                                'title': 'Success',
+                                'class': ' label-light-success'
+                            },
+                            5: {
+                                'title': 'Info',
+                                'class': ' label-light-info'
+                            },
+                            6: {
+                                'title': 'Danger',
+                                'class': ' label-light-danger'
+                            },
+                            7: {
+                                'title': 'Warning',
+                                'class': ' label-light-warning'
+                            },
+                        };
+                        if (typeof status[data] === 'undefined') {
+                            return data;
+                        }
+                        return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+                    },
+                },
+                {
+                    targets: 9,
+					width: '75px',
+                    render: function(data, type, full, meta) {
+                        var status = {
+                            1: {
+                                'title': 'Online',
+                                'state': 'danger'
+                            },
+                            2: {
+                                'title': 'Retail',
+                                'state': 'primary'
+                            },
+                            3: {
+                                'title': 'Direct',
+                                'state': 'success'
+                            },
+                        };
+                        if (typeof status[data] === 'undefined') {
+                            return data;
+                        }
+                        return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+                            '<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+                    },
+                },
+            ],
+        });
+    };
+
+    var initTable2 = function() {
+        var table = $('#kt_datatable2');
+
+        // begin second table
+        table.DataTable({
+            scrollY: '50vh',
+            scrollX: true,
+            scrollCollapse: true,
+            createdRow: function(row, data, index) {
+                var status = {
+                    1: {
+                        'title': 'Pending',
+                        'class': 'label-light-primary'
+                    },
+                    2: {
+                        'title': 'Delivered',
+                        'class': ' label-light-danger'
+                    },
+                    3: {
+                        'title': 'Canceled',
+                        'class': ' label-light-primary'
+                    },
+                    4: {
+                        'title': 'Success',
+                        'class': ' label-light-success'
+                    },
+                    5: {
+                        'title': 'Info',
+                        'class': ' label-light-info'
+                    },
+                    6: {
+                        'title': 'Danger',
+                        'class': ' label-light-danger'
+                    },
+                    7: {
+                        'title': 'Warning',
+                        'class': ' label-light-warning'
+                    },
+                };
+                var badge = '<span class="label ' + status[data[18]].class + ' label-inline label-bold">' + status[data[18]].title + '</span>';
+                row.getElementsByTagName('td')[18].innerHTML = badge;
+
+                status = {
+                    1: {
+                        'title': 'Online',
+                        'state': 'danger'
+                    },
+                    2: {
+                        'title': 'Retail',
+                        'state': 'primary'
+                    },
+                    3: {
+                        'title': 'Direct',
+                        'state': 'success'
+                    },
+                };
+                badge = '<span class="label label-' + status[data[19]].state + ' label-dot mr-2"></span>' +
+                    '<span class="font-weight-bold text-' + status[data[19]].state + '">' + status[data[19]].title + '</span>';
+                row.getElementsByTagName('td')[19].innerHTML = badge;
+            },
+            columnDefs: [{
+                    targets: -1,
+                    title: 'Actions',
+                    orderable: false,
+					width: '125px',
+                    render: function(data, type, full, meta) {
+						return '\
+	                        <div class="dropdown dropdown-inline">\
+	                            <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
+	                                <span class="svg-icon svg-icon-md">\
+	                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                            <rect x="0" y="0" width="24" height="24"/>\
+	                                            <path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
+	                                        </g>\
+	                                    </svg>\
+	                                </span>\
+	                            </a>\
+	                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+	                                <ul class="navi flex-column navi-hover py-2">\
+	                                    <li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
+	                                        Choose an action:\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-print"></i></span>\
+	                                            <span class="navi-text">Print</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-copy"></i></span>\
+	                                            <span class="navi-text">Copy</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
+	                                            <span class="navi-text">Excel</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-text-o"></i></span>\
+	                                            <span class="navi-text">CSV</span>\
+	                                        </a>\
+	                                    </li>\
+	                                    <li class="navi-item">\
+	                                        <a href="#" class="navi-link">\
+	                                            <span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
+	                                            <span class="navi-text">PDF</span>\
+	                                        </a>\
+	                                    </li>\
+	                                </ul>\
+	                            </div>\
+	                        </div>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
+	                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                        <a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+	                            <span class="svg-icon svg-icon-md">\
+	                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
+	                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
+	                                        <rect x="0" y="0" width="24" height="24"/>\
+	                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
+	                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
+	                                    </g>\
+	                                </svg>\
+	                            </span>\
+	                        </a>\
+	                    ';
+                    },
+                },
+                {
+                    targets: 8,
+					width: '75px',
+                    render: function(data, type, full, meta) {
+                        var status = {
+                            1: {
+                                'title': 'Pending',
+                                'class': 'label-light-primary'
+                            },
+                            2: {
+                                'title': 'Delivered',
+                                'class': ' label-light-danger'
+                            },
+                            3: {
+                                'title': 'Canceled',
+                                'class': ' label-light-primary'
+                            },
+                            4: {
+                                'title': 'Success',
+                                'class': ' label-light-success'
+                            },
+                            5: {
+                                'title': 'Info',
+                                'class': ' label-light-info'
+                            },
+                            6: {
+                                'title': 'Danger',
+                                'class': ' label-light-danger'
+                            },
+                            7: {
+                                'title': 'Warning',
+                                'class': ' label-light-warning'
+                            },
+                        };
+                        if (typeof status[data] === 'undefined') {
+                            return data;
+                        }
+                        return '<span class="label ' + status[data].class + ' label-inline label-bold">' + status[data].title + '</span>';
+                    },
+                },
+                {
+                    targets: 9,
+					width: '75px',
+                    render: function(data, type, full, meta) {
+                        var status = {
+                            1: {
+                                'title': 'Online',
+                                'state': 'danger'
+                            },
+                            2: {
+                                'title': 'Retail',
+                                'state': 'primary'
+                            },
+                            3: {
+                                'title': 'Direct',
+                                'state': 'success'
+                            },
+                        };
+                        if (typeof status[data] === 'undefined') {
+                            return data;
+                        }
+                        return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+                            '<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+                    },
+                },
+            ],
+        });
+    };
+
+    return {
+
+        //main function to initiate the module
+        init: function() {
+            initTable1();
+            initTable2();
+        },
+
+    };
+
+}();
+
+jQuery(document).ready(function() {
+    KTDatatablesBasicScrollable.init();
+});

assets/assets/js/pages/crud/datatables/data-sources/ajax-client-side.js

@@ -1,109 +1,109 @@
-'use strict';
-var KTDatatablesDataSourceAjaxClient = function() {
-
-	var initTable1 = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			ajax: {
-				url: HOST_URL + '/api/datatables/demos/default.php',
-				type: 'POST',
-				data: {
-					pagination: {
-						perpage: 50,
-					},
-				},
-			},
-			columns: [
-				{data: 'OrderID'},
-				{data: 'Country'},
-				{data: 'ShipCity'},
-				{data: 'CompanyName'},
-				{data: 'ShipDate'},
-				{data: 'Status'},
-				{data: 'Type'},
-				{data: 'Actions', responsivePriority: -1},
-			],
-			columnDefs: [
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-							<div class="dropdown dropdown-inline">\
-								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
-	                                <i class="la la-cog"></i>\
-	                            </a>\
-							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-									<ul class="nav nav-hoverable flex-column">\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
-									</ul>\
-							  	</div>\
-							</div>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
-								<i class="la la-edit"></i>\
-							</a>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-								<i class="la la-trash"></i>\
-							</a>\
-						';
-					},
-				},
-				{
-					width: '75px',
-					targets: -3,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-primary'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					width: '75px',
-					targets: -2,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			initTable1();
-		},
-
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesDataSourceAjaxClient.init();
-});
+'use strict';
+var KTDatatablesDataSourceAjaxClient = function() {
+
+	var initTable1 = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			ajax: {
+				url: HOST_URL + '/api/datatables/demos/default.php',
+				type: 'POST',
+				data: {
+					pagination: {
+						perpage: 50,
+					},
+				},
+			},
+			columns: [
+				{data: 'OrderID'},
+				{data: 'Country'},
+				{data: 'ShipCity'},
+				{data: 'CompanyName'},
+				{data: 'ShipDate'},
+				{data: 'Status'},
+				{data: 'Type'},
+				{data: 'Actions', responsivePriority: -1},
+			],
+			columnDefs: [
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+							<div class="dropdown dropdown-inline">\
+								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
+	                                <i class="la la-cog"></i>\
+	                            </a>\
+							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+									<ul class="nav nav-hoverable flex-column">\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
+									</ul>\
+							  	</div>\
+							</div>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
+								<i class="la la-edit"></i>\
+							</a>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+								<i class="la la-trash"></i>\
+							</a>\
+						';
+					},
+				},
+				{
+					width: '75px',
+					targets: -3,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-primary'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					width: '75px',
+					targets: -2,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			initTable1();
+		},
+
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesDataSourceAjaxClient.init();
+});

assets/assets/js/pages/crud/datatables/data-sources/ajax-server-side.js

@@ -1,114 +1,114 @@
-"use strict";
-var KTDatatablesDataSourceAjaxServer = function() {
-
-	var initTable1 = function() {
-		var table = $('#kt_datatable');
-
-		// begin first table
-		table.DataTable({
-			responsive: true,
-			searchDelay: 500,
-			processing: true,
-			serverSide: true,
-			ajax: {
-				url: HOST_URL + '/api/datatables/demos/server.php',
-				type: 'POST',
-				data: {
-					// parameters for custom backend script demo
-					columnsDef: [
-						'OrderID', 'Country',
-						'ShipAddress', 'CompanyName', 'ShipDate',
-						'Status', 'Type', 'Actions'],
-				},
-			},
-			columns: [
-				{data: 'OrderID'},
-				{data: 'Country'},
-				{data: 'ShipAddress'},
-				{data: 'CompanyName'},
-				{data: 'ShipDate'},
-				{data: 'Status'},
-				{data: 'Type'},
-				{data: 'Actions', responsivePriority: -1},
-			],
-			columnDefs: [
-				{
-					targets: -1,
-					title: 'Actions',
-					orderable: false,
-					render: function(data, type, full, meta) {
-						return '\
-							<div class="dropdown dropdown-inline">\
-								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
-	                                <i class="la la-cog"></i>\
-	                            </a>\
-							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
-									<ul class="nav nav-hoverable flex-column">\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
-							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
-									</ul>\
-							  	</div>\
-							</div>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
-								<i class="la la-edit"></i>\
-							</a>\
-							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
-								<i class="la la-trash"></i>\
-							</a>\
-						';
-					},
-				},
-				{
-					width: '75px',
-					targets: -3,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Pending', 'class': 'label-light-primary'},
-							2: {'title': 'Delivered', 'class': ' label-light-danger'},
-							3: {'title': 'Canceled', 'class': ' label-light-primary'},
-							4: {'title': 'Success', 'class': ' label-light-success'},
-							5: {'title': 'Info', 'class': ' label-light-info'},
-							6: {'title': 'Danger', 'class': ' label-light-danger'},
-							7: {'title': 'Warning', 'class': ' label-light-warning'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
-					},
-				},
-				{
-					width: '75px',
-					targets: -2,
-					render: function(data, type, full, meta) {
-						var status = {
-							1: {'title': 'Online', 'state': 'danger'},
-							2: {'title': 'Retail', 'state': 'primary'},
-							3: {'title': 'Direct', 'state': 'success'},
-						};
-						if (typeof status[data] === 'undefined') {
-							return data;
-						}
-						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
-							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
-					},
-				},
-			],
-		});
-	};
-
-	return {
-
-		//main function to initiate the module
-		init: function() {
-			initTable1();
-		},
-
-	};
-
-}();
-
-jQuery(document).ready(function() {
-	KTDatatablesDataSourceAjaxServer.init();
-});
+"use strict";
+var KTDatatablesDataSourceAjaxServer = function() {
+
+	var initTable1 = function() {
+		var table = $('#kt_datatable');
+
+		// begin first table
+		table.DataTable({
+			responsive: true,
+			searchDelay: 500,
+			processing: true,
+			serverSide: true,
+			ajax: {
+				url: HOST_URL + '/api/datatables/demos/server.php',
+				type: 'POST',
+				data: {
+					// parameters for custom backend script demo
+					columnsDef: [
+						'OrderID', 'Country',
+						'ShipAddress', 'CompanyName', 'ShipDate',
+						'Status', 'Type', 'Actions'],
+				},
+			},
+			columns: [
+				{data: 'OrderID'},
+				{data: 'Country'},
+				{data: 'ShipAddress'},
+				{data: 'CompanyName'},
+				{data: 'ShipDate'},
+				{data: 'Status'},
+				{data: 'Type'},
+				{data: 'Actions', responsivePriority: -1},
+			],
+			columnDefs: [
+				{
+					targets: -1,
+					title: 'Actions',
+					orderable: false,
+					render: function(data, type, full, meta) {
+						return '\
+							<div class="dropdown dropdown-inline">\
+								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
+	                                <i class="la la-cog"></i>\
+	                            </a>\
+							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
+									<ul class="nav nav-hoverable flex-column">\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
+							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
+									</ul>\
+							  	</div>\
+							</div>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
+								<i class="la la-edit"></i>\
+							</a>\
+							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
+								<i class="la la-trash"></i>\
+							</a>\
+						';
+					},
+				},
+				{
+					width: '75px',
+					targets: -3,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Pending', 'class': 'label-light-primary'},
+							2: {'title': 'Delivered', 'class': ' label-light-danger'},
+							3: {'title': 'Canceled', 'class': ' label-light-primary'},
+							4: {'title': 'Success', 'class': ' label-light-success'},
+							5: {'title': 'Info', 'class': ' label-light-info'},
+							6: {'title': 'Danger', 'class': ' label-light-danger'},
+							7: {'title': 'Warning', 'class': ' label-light-warning'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
+					},
+				},
+				{
+					width: '75px',
+					targets: -2,
+					render: function(data, type, full, meta) {
+						var status = {
+							1: {'title': 'Online', 'state': 'danger'},
+							2: {'title': 'Retail', 'state': 'primary'},
+							3: {'title': 'Direct', 'state': 'success'},
+						};
+						if (typeof status[data] === 'undefined') {
+							return data;
+						}
+						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
+							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
+					},
+				},
+			],
+		});
+	};
+
+	return {
+
+		//main function to initiate the module
+		init: function() {
+			initTable1();
+		},
+
+	};
+
+}();
+
+jQuery(document).ready(function() {
+	KTDatatablesDataSourceAjaxServer.init();
+});