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/

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/coba.html

@@ -0,0 +1,628 @@
+<!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
+      href="asset-corporate-portal/css/sas.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+
+    <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">
+      <div
+        id="notification-001"
+        class="toast toast-top-right toas fade show"
+        role="alert"
+        aria-live="assertive"
+        aria-atomic="true"
+        hx-swap-oob="true"
+        style="margin-top: 2vh; margin-right: 2vw;"
+      >
+        <div class="toast-header bg-success text-white">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            aria-hidden="true"
+            role="img"
+            class="iconify iconify--ep mr-2 icon-xl"
+            width="1em"
+            height="1em"
+            preserveAspectRatio="xMidYMid meet"
+            viewBox="0 0 1024 1024"
+            data-icon="ep:success-filled"
+          >
+            <path
+              fill="currentColor"
+              d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
+            ></path>
+          </svg>
+          <strong class="mr-auto">Success</strong>
+          <small class="text-muted text-white">just now</small>
+          <button
+            type="button"
+            class="ml-2 mb-1 close"
+            data-dismiss="toast"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">×</span>
+          </button>
+        </div>
+        <div class="toast-body bg-success-transparent">
+          This is a success toast.
+        </div>
+      </div>
+      <!-- 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>
+      <div class="p-10">
+        <button type="button" class="btn">btn</button>
+        <button type="button" class="btn btn-tosca">btn cb</button>
+        <button type="button" class="btn btn-primary">Primary</button>
+        <button type="button" class="btn btn-secondary">Secondary</button>
+        <button type="button" class="btn btn-info">Info</button>
+        <button type="button" class="btn btn-danger">Danger</button>
+        <button type="button" class="btn btn-success">Success</button>
+        <button type="button" class="btn btn-warning">Warning</button>
+      </div>
+      <div class="p-10">
+        <button type="button" class="btn btn-outline-primary">Primary</button>
+        <button type="button" class="btn btn-outline-secondary">
+          Secondary
+        </button>
+        <button type="button" class="btn btn-outline-success">Success</button>
+        <button type="button" class="btn btn-outline-danger">Danger</button>
+        <button type="button" class="btn btn-outline-warning">Warning</button>
+        <button type="button" class="btn btn-outline-info">Info</button>
+        <button type="button" class="btn btn-outline-dark">Dark</button>
+      </div>
+      <div class="p-10">
+        <a href="#" class="btn btn-primary active">Active state</a>
+        <a href="#" class="btn btn-success active">Active state</a>
+        <a href="#" class="btn btn-danger active">Active state</a>
+        <a href="#" class="btn btn-warning active">Active state</a>
+      </div>
+      <div class="p-10">
+        <button class="btn btn-primary" disabled>Disabled state</button>
+        <button class="btn btn-success" disabled>Disabled state</button>
+        <button class="btn btn-danger" disabled>Disabled state</button>
+        <button class="btn btn-warning" disabled>Disabled state</button>
+      </div>
+      <div class="p-10">
+        <div class="btn-group btn-group-toggle" data-toggle="buttons">
+          <label class="btn btn-success active">
+            <input type="radio" name="options" id="option1" checked="checked" />
+            Active
+          </label>
+          <label class="btn btn-success">
+            <input type="radio" name="options" id="option2" /> Radio
+          </label>
+          <label class="btn btn-success">
+            <input type="radio" name="options" id="option3" /> Radio
+          </label>
+        </div>
+      </div>
+      <div class="p-10">
+        <a href="#" class="btn btn-success font-weight-bold btn-pill"
+          >Success</a
+        >
+        <a href="#" class="btn btn-primary font-weight-bold btn-pill"
+          >Primary</a
+        >
+        <a href="#" class="btn btn-danger font-weight-bold btn-pill">Danger</a>
+        <a href="#" class="btn btn-warning font-weight-bold btn-pill"
+          >Warning</a
+        >
+        <a href="#" class="btn btn-dark font-weight-bold btn-pill">Dark</a>
+      </div>
+      <div class="p-10">
+        <a href="#" class="btn btn-success font-weight-bold btn-square"
+          >Success</a
+        >
+        <a href="#" class="btn btn-primary font-weight-bold btn-square"
+          >Primary</a
+        >
+        <a href="#" class="btn btn-danger font-weight-bold btn-square"
+          >Danger</a
+        >
+        <a href="#" class="btn btn-warning font-weight-bold btn-square"
+          >Warning</a
+        >
+        <a href="#" class="btn btn-dark font-weight-bold btn-square">Dark</a>
+      </div>
+      <div class="p-10">
+        <a href="#" class="btn btn-light-success font-weight-bold mr-2"
+          >Success</a
+        >
+        <a href="#" class="btn btn-light-info font-weight-bold mr-2">info</a>
+        <a href="#" class="btn btn-light-primary font-weight-bold mr-2"
+          >Primary</a
+        >
+        <a href="#" class="btn btn-light-secondary font-weight-bold mr-2"
+          >secondary</a
+        >
+        <a href="#" class="btn btn-light-danger font-weight-bold mr-2"
+          >Danger</a
+        >
+        <a href="#" class="btn btn-light-warning font-weight-bold mr-2"
+          >Warning</a
+        >
+        <a href="#" class="btn btn-light-dark font-weight-bold">Dark</a>
+      </div>
+      <div class="p-10">
+        <a
+          href="#"
+          class="btn btn-text-info btn-hover-light-info font-weight-bold mr-2"
+          >info</a
+        >
+        <a
+          href="#"
+          class="btn btn-text-secondary btn-hover-light-secondary font-weight-bold mr-2"
+          >secondary</a
+        >
+        <a
+          href="#"
+          class="btn btn-text-success btn-hover-light-success font-weight-bold mr-2"
+          >Success</a
+        >
+        <a
+          href="#"
+          class="btn btn-text-primary btn-hover-light-primary font-weight-bold mr-2"
+          >Primary</a
+        >
+        <a
+          href="#"
+          class="btn btn-text-danger btn-hover-light-danger font-weight-bold mr-2"
+          >Danger</a
+        >
+        <a
+          href="#"
+          class="btn btn-text-warning btn-hover-light-warning font-weight-bold mr-2"
+          >Warning</a
+        >
+        <a
+          href="#"
+          class="btn btn-text-dark btn-hover-light-dark font-weight-bold mr-2"
+          >Dark</a
+        >
+      </div>
+      <div class="p-10">
+        <a
+          href="#"
+          class="btn btn-hover-bg-success btn-text-success btn-hover-text-white border-0 font-weight-bold mr-2"
+          >Success</a
+        >
+        <a
+          href="#"
+          class="btn btn-hover-bg-info btn-text-info btn-hover-text-white border-0 font-weight-bold mr-2"
+          >info</a
+        >
+        <a
+          href="#"
+          class="btn btn-hover-bg-primary btn-text-primary btn-hover-text-white border-0 font-weight-bold mr-2"
+          >Primary</a
+        >
+        <a
+          href="#"
+          class="btn btn-hover-bg-danger btn-text-danger btn-hover-text-white border-0 font-weight-bold mr-2"
+          >Danger</a
+        >
+        <a
+          href="#"
+          class="btn btn-hover-bg-warning btn-text-warning btn-hover-text-white border-0 font-weight-bold mr-2"
+          >Warning</a
+        >
+        <a
+          href="#"
+          class="btn btn-hover-bg-dark btn-text-dark btn-hover-text-white border-0 font-weight-bold mr-2"
+          >Dark</a
+        >
+      </div>
+      <div class="p-10">
+        <a
+          href="#"
+          class="btn btn-light btn-text-success btn-hover-text-success font-weight-bold"
+          >Success</a
+        >
+        <a
+          href="#"
+          class="btn btn-light btn-text-info btn-hover-text-info font-weight-bold"
+          >info</a
+        >
+        <a
+          href="#"
+          class="btn btn-light btn-text-primary btn-hover-text-primary font-weight-bold"
+          >Primary</a
+        >
+        <a
+          href="#"
+          class="btn btn-light btn-text-danger btn-hover-text-danger font-weight-bold"
+          >Danger</a
+        >
+        <a
+          href="#"
+          class="btn btn-light btn-text-warning btn-hover-text-dark-50 font-weight-bold"
+          >Warning</a
+        >
+        <a
+          href="#"
+          class="btn btn-light btn-text-dark btn-hover-text-dark font-weight-bold"
+          >Dark</a
+        >
+      </div>
+      <div class="p-10">
+        <a
+          href="#"
+          class="btn btn-light btn-hover-success font-weight-bold mr-2"
+          >Success</a
+        >
+        <a href="#" class="btn btn-light btn-hover-info font-weight-bold mr-2"
+          >info</a
+        >
+        <a href="#" class="btn btn-light btn-hover-primary font-weight-bold"
+          >Primary</a
+        >
+        <a href="#" class="btn btn-light btn-hover-danger font-weight-bold"
+          >Danger</a
+        >
+        <a href="#" class="btn btn-light btn-hover-warning font-weight-bold"
+          >Warning</a
+        >
+        <a href="#" class="btn btn-light btn-hover-dark font-weight-bold"
+          >Dark</a
+        >
+      </div>
+      <div class="p-10">
+        <a href="#" class="btn btn-link-success font-weight-bold">Success</a>
+        <a href="#" class="btn btn-link-info font-weight-bold">info</a>
+        <a href="#" class="btn btn-link-primary font-weight-bold">Primary</a>
+        <a href="#" class="btn btn-link-danger font-weight-bold">Danger</a>
+        <a href="#" class="btn btn-link-warning font-weight-bold">Warning</a>
+        <a href="#" class="btn btn-link-dark font-weight-bold">Dark</a>
+      </div>
+      <div class="p-10">
+        <a href="#" class="btn btn-light btn-shadow font-weight-bold mr-2"
+          >Light</a
+        >
+        <a href="#" class="btn btn-info btn-shadow font-weight-bold mr-2"
+          >info</a
+        >
+        <a href="#" class="btn btn-success btn-shadow font-weight-bold mr-2"
+          >Success</a
+        >
+        <a href="#" class="btn btn-primary btn-shadow font-weight-bold mr-2"
+          >Primary</a
+        >
+        <a href="#" class="btn btn-danger btn-shadow font-weight-bold mr-2"
+          >Danger</a
+        >
+        <a href="#" class="btn btn-warning btn-shadow font-weight-bold mr-2"
+          >Warning</a
+        >
+      </div>
+      <div class="p-10">
+        <a href="#" class="btn btn-light btn-shadow-hover font-weight-bold mr-2"
+          >Light</a
+        >
+        <a href="#" class="btn btn-info btn-shadow-hover font-weight-bold mr-2"
+          >info</a
+        >
+        <a
+          href="#"
+          class="btn btn-success btn-shadow-hover font-weight-bold mr-2"
+          >Success</a
+        >
+        <a
+          href="#"
+          class="btn btn-primary btn-shadow-hover font-weight-bold mr-2"
+          >Primary</a
+        >
+        <a
+          href="#"
+          class="btn btn-danger btn-shadow-hover font-weight-bold mr-2"
+          >Danger</a
+        >
+        <a
+          href="#"
+          class="btn btn-warning btn-shadow-hover font-weight-bold mr-2"
+          >Warning</a
+        >
+      </div>
+      <div class="p-10">
+        <ul class="nav">
+          <li class="nav-item">
+            <a class="nav-link active" href="#">Active</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Link</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a
+              class="nav-link dropdown-toggle"
+              data-toggle="dropdown"
+              href="#"
+              role="button"
+              aria-haspopup="true"
+              aria-expanded="false"
+            >
+              Dropdown
+            </a>
+            <div class="dropdown-menu">
+              <a class="dropdown-item" href="#">Action</a>
+              <a class="dropdown-item" href="#">Another action</a>
+              <a class="dropdown-item" href="#">Something else here</a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item" href="#">Separated link</a>
+            </div>
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link disabled"
+              href="#"
+              tabindex="-1"
+              aria-disabled="true"
+              >Disabled</a
+            >
+          </li>
+        </ul>
+      </div>
+      <div class="p-10">
+        <ul class="nav nav-pills" id="myTab" role="tablist">
+          <li class="nav-item">
+            <a class="nav-link active" href="#">Active</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Link</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a
+              class="nav-link dropdown-toggle"
+              data-toggle="dropdown"
+              href="#"
+              role="button"
+              aria-haspopup="true"
+              aria-expanded="false"
+            >
+              Dropdown
+            </a>
+            <div class="dropdown-menu">
+              <a class="dropdown-item" href="#">Action</a>
+              <a class="dropdown-item" href="#">Another action</a>
+              <a class="dropdown-item" href="#">Something else here</a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item" href="#">Separated link</a>
+            </div>
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link disabled"
+              href="#"
+              tabindex="-1"
+              aria-disabled="true"
+              >Disabled</a
+            >
+          </li>
+        </ul>
+        <div class="tab-content mt-5" id="myTabContent">...</div>
+      </div>
+      <div class="p-10">
+        <p class="text-primary">.text-primary</p>
+        <p class="text-secondary">.text-secondary</p>
+        <p class="text-success">.text-success</p>
+        <p class="text-danger">.text-danger</p>
+        <p class="text-warning">.text-warning</p>
+        <p class="text-info">.text-info</p>
+        <p class="text-light bg-dark">.text-light</p>
+        <p class="text-dark">.text-dark</p>
+        <p class="text-body">.text-body</p>
+        <p class="text-muted">.text-muted</p>
+        <p class="text-white bg-dark">.text-white</p>
+        <p class="text-black-50">.text-black-50</p>
+        <p class="text-white-50 bg-dark">.text-white-50</p>
+        <p class="h1 text-disabled">text normal</p>
+      </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/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/underdev.html

@@ -0,0 +1,838 @@
+<!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>Westerindo</title>
+    <meta name="description" content="Updates and statistics" />
+    <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"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Public Sans:300,400,500,600,700"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700"
+    />
+    <!--end::Fonts-->
+
+    <!--begin::Page Vendors Styles(used by this page)-->
+    <link
+      href="assets/plugins/custom/fullcalendar/fullcalendar.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Page Vendors 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"
+    />
+    <!-- <link href="asset-corporate-portal/media/landingpage/" rel="stylesheet" type="text/css" /> -->
+    <!--end::Layout Themes-->
+
+    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
+    <link
+      href=" https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+
+    <script src="//code.iconify.design/1/1.0.6/iconify.min.js"></script>
+
+    <!-- CUSTOM BUNDLE CSS -->
+    <link
+      href="asset-corporate-portal/css/sas.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <style>
+      body {
+        background-color: white;
+        /* padding-right: 100px;
+            padding-left: 100px; */
+      }
+
+      .navbar-lp {
+        padding-top: 40px;
+        padding-bottom: 40px;
+      }
+
+      .jumbotron-lp {
+        border-radius: 32px;
+        /* background: #3B4F9F; */
+      }
+
+      .title {
+        /* color: #FFF; */
+        font-family: Poppins;
+        font-size: 15px;
+        /* font-size: 1vw; */
+        font-style: normal;
+        font-weight: 700;
+      }
+
+      .title-jumbotron {
+        /* color: #FFF; */
+        font-family: Poppins;
+        font-size: 52px;
+        /* font-size: 3vw; */
+        font-style: normal;
+        font-weight: 600;
+      }
+
+      .sub-title-jumbotron {
+        /* color: #FFF; */
+        font-family: Poppins;
+        font-size: 16px;
+        /* font-size: 1vw; */
+        font-style: normal;
+        font-weight: 400;
+      }
+
+      .btn-login {
+        border-radius: 40px;
+        /* background-color: #3B4F9F; */
+        box-shadow: 0px 8px 16px 0px rgba(59, 79, 159, 0.24);
+      }
+
+      .title-get-started {
+        /* color: #0C518C; */
+        font-family: Poppins;
+        font-size: 20px;
+        /* font-size: 1vw; */
+        font-style: normal;
+        font-weight: 700;
+      }
+
+      .custom-button-get-started {
+        border-radius: 40px;
+        /* background-color: #FFF; */
+        box-shadow: 0px 8px 16px 0px rgba(12, 81, 140, 0.24);
+        padding: 20px;
+        margin-top: 44px;
+        justify-content: center;
+        align-items: center;
+        width: 242px;
+      }
+
+      .title-section {
+        /* color: #000; */
+        font-family: Poppins;
+        font-size: 40px;
+        /* font-size: 3vw; */
+        font-style: normal;
+        font-weight: 600;
+        line-height: 80px;
+        margin-bottom: 16px;
+      }
+
+      .sub-title-section {
+        /* color: #212B36; */
+        font-family: Poppins;
+        font-size: 20px;
+        /* font-size: 1.5vw; */
+        font-style: normal;
+        font-weight: 400;
+        line-height: 36px;
+      }
+
+      .custom-card-lp {
+        border-radius: 24px;
+        border: 1px solid #d9d9d9;
+        margin-top: 40px;
+      }
+
+      .title-fs-20 {
+        /* color: #0E1E28; */
+        font-family: Poppins;
+        font-size: 20px;
+        /* font-size: 1.5vw; */
+        font-style: normal;
+        /* font-weight: 500; */
+        line-height: 36px;
+      }
+
+      .sub-title-fs-12 {
+        /* color: #0E1E28; */
+        font-family: Poppins;
+        font-size: 12px;
+        /* font-size: 0.9vw; */
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+        margin-bottom: 16px;
+      }
+
+      .icon-container {
+        display: inline-block;
+        border-radius: 8px;
+        margin-bottom: 16px;
+        width: 40px;
+        height: 40px;
+        text-align: center;
+        line-height: 40px;
+      }
+
+      .link-learn-more {
+        /* color: #3B4F9F; */
+        font-family: Poppins;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: normal;
+        text-decoration: none;
+      }
+
+      .wrapper-custom {
+        /* background: #1B1D1F; */
+        padding-left: 10vw;
+        padding-right: 10vw;
+      }
+
+      .media-left-icon {
+        width: 40px;
+        height: 40px;
+      }
+
+      .footer-title {
+        /* color: #FFF; */
+        font-family: Poppins;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 20px;
+      }
+
+      .footer-sub-title {
+        /* color: #C3C4C5; */
+        font-family: Poppins;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+      }
+
+      .logo-footer {
+        margin-bottom: 24px;
+        margin-top: -20px;
+      }
+
+      .garis {
+        /* background: #C3C4C5; */
+        height: 0.2px;
+      }
+      .img-header {
+        object-fit: contain;
+      }
+      .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+    </style>
+  </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"
+  >
+    <div class="wrapper-custom">
+      <!-- Navbar Start -->
+      <nav
+        class="navbar navbar-expand-sm navbar-expand-lg navbar-lp justify-content-between"
+      >
+        <a class="navbar-brand" href="#">
+          <img
+            src="../assets/asset-corporate-portal/media/landingpage/logo.png"
+            width="126"
+            height="40"
+            class="d-inline-block align-top"
+            alt="Your Brand"
+          />
+        </a>
+        <button type="button" class="btn btn-lg btn-primary btn-pill">
+          <span class="title">Login</span>
+        </button>
+      </nav>
+      <!-- Navbar End -->
+      <div class="d-flex justify-content-center text-center flex-column mt-20">
+        <div class="text-primary underdev">Site Under Development</div>
+        <div class="text-disabled underdevsub mb-10">
+          "Stay Tuned, We're Building Excitement!"
+        </div>
+        <div>
+          <img
+            src="../assets/asset-corporate-portal/media/under_development/under_development.png"
+            class="d-inline-block align-top"
+            alt="Your Brand"
+          />
+        </div>
+      </div>
+      <div>
+        <!-- jumbotron START -->
+        <!-- <div class="jumbotron jumbotron-lp d-none d-lg-block"> -->
+        <div class="jumbotron bg-primary">
+          <div class="container">
+            <div class="row">
+              <div class="col-md-8 d-flex flex-column">
+                <div class="mb-3">
+                  <h1 class="title-jumbotron text-white">
+                    Invest in Your Well-being with Our Comprehensive Medical
+                    Check-Up
+                  </h1>
+                  <p class="sub-title-jumbotron text-white">
+                    Elevate your health journey with our thorough medical
+                    assessments, empowering you to take proactive steps towards
+                    a healthier, happier life.
+                  </p>
+                  <button type="button" class="btn btn-lg btn-pill bg-white">
+                    <span class="title-get-started">Get Started</span>
+                  </button>
+                </div>
+                <div class="mt-auto"></div>
+              </div>
+              <div class="col-md-4 d-flex justify-content-md-end">
+                <div
+                  style="
+                    flex: 2;
+                    margin: 10px;
+                    display: flex;
+                    align-items: center;
+                  "
+                >
+                  <img
+                    src="../assets/asset-corporate-portal/media/landingpage/jumbotron_left.png"
+                    class="img-fluid img-header"
+                    alt="Your Brand"
+                    style="width: 100%; height: 100%;"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- jumbotron END -->
+
+        <!-- Our Medical Service START -->
+        <div class="container">
+          <div class="row">
+            <div class="col-md-12 text-left">
+              <h2 class="title-section text-black">Our Medical Services</h2>
+              <p class="sub-title-section text-black">
+                Discover excellence in healthcare at Our Medical Services. From
+                diagnosis to treatment, our dedicated team provides personalized
+                care for your well-being.
+              </p>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md-4">
+              <div class="card custom-card-lp">
+                <div class="card-body">
+                  <div class="icon-container bg-primary-transparent">
+                    <span
+                      class="iconify text-primary w-20 h-20"
+                      data-icon="uil:clinic-medical"
+                    ></span>
+                  </div>
+                  <h5 class="card-title title-fs-20">In House Clinic</h5>
+                  <p class="card-text sub-title-fs-12">
+                    Maintaining health in the workplace by carrying out
+                    promotional, preventive, curative and rehabilitative
+                    programs.
+                  </p>
+                  <a href="#" class="link-learn-more text-primary"
+                    >Learn More
+                    <span
+                      class="iconify text-primary w-20 h-20"
+                      data-icon="eva:arrow-forward-outline"
+                    ></span>
+                  </a>
+                </div>
+              </div>
+            </div>
+
+            <div class="col-md-4">
+              <div class="card custom-card-lp">
+                <div class="card-body">
+                  <div class="icon-container bg-primary-transparent">
+                    <span
+                      class="iconify text-primary w-20 h-20"
+                      data-icon="healthicons:clinical-a-outline"
+                    ></span>
+                  </div>
+                  <h5 class="card-title title-fs-20">Laboratorium Test</h5>
+                  <p class="card-text sub-title-fs-12">
+                    Maintaining health in the workplace by carrying out
+                    promotional, preventive, curative and rehabilitative
+                    programs.
+                  </p>
+                  <a href="#" class="link-learn-more text-primary"
+                    >Learn More
+                    <span
+                      class="iconify text-primary w-20 h-20"
+                      data-icon="eva:arrow-forward-outline"
+                    ></span>
+                  </a>
+                </div>
+              </div>
+            </div>
+
+            <div class="col-md-4">
+              <div class="card custom-card-lp">
+                <div class="card-body">
+                  <div class="icon-container bg-primary-transparent">
+                    <span
+                      class="iconify text-primary w-20 h-20"
+                      data-icon="jam:medical"
+                    ></span>
+                  </div>
+                  <h5 class="card-title title-fs-20">Medical Check Up</h5>
+                  <p class="card-text sub-title-fs-12">
+                    Maintaining health in the workplace by carrying out
+                    promotional, preventive, curative and rehabilitative
+                    programs.
+                  </p>
+                  <a href="#" class="link-learn-more text-primary"
+                    >Learn More
+                    <span
+                      class="iconify text-primary w-20 h-20"
+                      data-icon="eva:arrow-forward-outline"
+                    ></span>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Our Medical Service END -->
+
+        <!-- Why Westerindo START  belum fix di ukuran < 1400 -->
+        <div class="container mt-5">
+          <div class="row">
+            <div class="col-md-12 col-lg-12 text-left">
+              <h2 class="title-section text-black">Why Westerindo</h2>
+              <p class="sub-title-section text-black">
+                With a dedicated team of professionals we’re committed to
+                providing medical attention tailored to your needs, ensuring a
+                journey to optimal health and vitality.
+              </p>
+            </div>
+          </div>
+          <div class="row mt-5">
+            <div class="col-md-6">
+              <img
+                src="../assets/asset-corporate-portal/media/landingpage/why_westerindo_right.png"
+                alt="Your Brand"
+                class="align-top w-100 h-100 pt-4 pb-4"
+              />
+            </div>
+            <div class="col-md-6 d-flex flex-column">
+              <!-- 1 -->
+              <div class="row flex-grow-1">
+                <div class="media">
+                  <div class="media-left">
+                    <span
+                      class="iconify text-primary media-left-icon"
+                      data-icon="mingcute:certificate-line"
+                    ></span>
+                  </div>
+                  <div class="media-body">
+                    <h4 class="title-fs-20 text-black ml-4">ISO Certificate</h4>
+                    <p class="sub-title-fs-12 text-black ml-4">
+                      Westerindo Clinical Laboratory has obtained ISO 15189:2009
+                      (ISO 15189:2007) Accreditation from the National
+                      Accreditation Committee (KAN) and the Health Laboratory
+                      Accreditation Commission (KALK).
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 2 -->
+              <div class="row flex-grow-1">
+                <div class="media">
+                  <div class="media-left">
+                    <span
+                      class="iconify text-primary media-left-icon"
+                      data-icon="mingcute:certificate-line"
+                    ></span>
+                  </div>
+                  <div class="media-body">
+                    <h4 class="title-fs-20 text-black ml-4">
+                      Modern Technology
+                    </h4>
+                    <p class="sub-title-fs-12 text-black ml-4">
+                      Laboratory Information System (LIS) is an information
+                      system in which laboratory equipment and diagnostic
+                      support have been integrated automatically so that
+                      examination results can be immediately filled in in
+                      employee data. This eliminates the possibility of human
+                      error.
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 3 -->
+              <div class="row flex-grow-1">
+                <div class="media">
+                  <div class="media-left">
+                    <span
+                      class="iconify media-left-icon"
+                      data-icon="mingcute:certificate-line"
+                    ></span>
+                  </div>
+                  <div class="media-body">
+                    <h4 class="title-fs-20 text-black ml-4">
+                      Good Quality Facilities
+                    </h4>
+                    <p class="sub-title-fs-12 text-black ml-4">
+                      The laboratory and medical support equipment used at the
+                      Westerindo Clinical Laboratory is international scale for
+                      precise, fast and accurate results. Lab and medical
+                      equipment certificates are periodically renewed according
+                      to standards.
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 4 -->
+              <div class="row flex-grow-1">
+                <div class="media">
+                  <div class="media-left">
+                    <span
+                      class="iconify media-left-icon"
+                      data-icon="mingcute:certificate-line"
+                    ></span>
+                  </div>
+                  <div class="media-body">
+                    <h4 class="title-fs-20 text-black ml-4">
+                      Professional Service
+                    </h4>
+                    <p class="sub-title-fs-12 text-black ml-4">
+                      Westerindo Clinical Laboratory is committed to providing
+                      professional and excellent service. Therefore, all staff
+                      and doctors at the Westerindo Clinical Laboratory have
+                      competency certification according to their field.
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 5 -->
+              <div class="row">
+                <div class="media">
+                  <div class="media-left">
+                    <span
+                      class="iconify media-left-icon"
+                      data-icon="mingcute:certificate-line"
+                    ></span>
+                  </div>
+                  <div class="media-body">
+                    <h4 class="title-fs-20 text-black ml-4">Experienced</h4>
+                    <p class="sub-title-fs-12 text-black ml-4">
+                      Westerindo Clinical Laboratory is very experienced in
+                      carrying out Medical Check Ups both onsite and insite, in
+                      all corners of Indonesia. Serving various kinds of
+                      companies, from oil and gas companies, automotive,
+                      manufacturing, offices, and others.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Why Westerindo END -->
+
+        <!-- Promotion START -->
+        <div class="container mt-4">
+          <div class="row">
+            <div class="col-md-12 text-left">
+              <h2 class="title-section text-black">Promotions</h2>
+              <p class="sub-title-section text-black">
+                Seize This Opportunity to Enhance Your Health
+              </p>
+            </div>
+          </div>
+
+          <div class="row mt-4 mb-2">
+            <div class="col-md-4 mt-2">
+              <img
+                src="../assets/asset-corporate-portal/media/landingpage/promotion_1.png"
+                class="img-fluid"
+                alt="Your Brand"
+              />
+            </div>
+            <div class="col-md-4 mt-2">
+              <img
+                src="../assets/asset-corporate-portal/media/landingpage/promotion_2.png"
+                class="img-fluid"
+                alt="Your Brand"
+              />
+            </div>
+            <div class="col-md-4 mt-2">
+              <img
+                src="../assets/asset-corporate-portal/media/landingpage/promotion_3.png"
+                class="img-fluid"
+                alt="Your Brand"
+              />
+            </div>
+          </div>
+        </div>
+        <!-- Promotion END -->
+      </div>
+
+      <!-- footer START -->
+      <footer class="wrapper-custom bg-black pb-25 pt-25">
+        <div class="row mb-5">
+          <div class="col-md-12 col-lg">
+            <img
+              src="asset-corporate-portal/media/landingpage/logo.png"
+              class="logo-footer"
+              width="126"
+              height="40"
+              alt="Your Brand"
+            />
+
+            <div class="text-white d-flex flex-row mb-3">
+              <!-- style="display: flex; flex-direction: row; color: white;align-items: start; margin-bottom: 24px;" -->
+              <div class="mr-3 mt-1">
+                <i
+                  class="fas fa-map-marker-alt marker footer-icon text-warning"
+                ></i>
+              </div>
+              <div class="flex-grow-1">
+                <p class="footer-sub-title text-grey">
+                  Jl. Cipaku I No.5, RT.2/RW.4, Petogogan, Kec. Kby. Baru, Kota
+                  Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12170
+                </p>
+              </div>
+            </div>
+
+            <div class="d-flex flex-row">
+              <div class="mr-3 mt-1">
+                <i class="fas fa-phone footer-icon text-warning"></i>
+              </div>
+              <div class="flex-grow-1">
+                <p class="footer-sub-title text-grey">021-7392345</p>
+                <p class="footer-sub-title text-grey">021-2702525</p>
+                <p class="footer-sub-title text-grey">021-7255080</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-md col-lg">
+            <h4 class="footer-title text-white mb-3">Dashboard</h4>
+            <p class="footer-sub-title text-grey">
+              Employee Medical Health Analytic Clinic Admission
+            </p>
+          </div>
+          <div class="col-md col-lg">
+            <h4 class="footer-title text-white">Benefit</h4>
+          </div>
+          <div class="col-md col-lg">
+            <h4 class="footer-title text-white">Finance & Claims</h4>
+          </div>
+          <div class="col-md col-lg">
+            <h4 class="footer-title text-white">Membership</h4>
+          </div>
+        </div>
+
+        <div class="garis bg-grey"></div>
+        <div class="row mt-4">
+          <div class="col-md-6">
+            <p class="footer-sub-title text-grey">
+              © Copyright 2024. Organized PT SADHANA ABIYASA SAMPOERNA (Privacy
+              Policy)
+            </p>
+          </div>
+          <div class="col-md-6 text-right">
+            <p class="footer-icons">
+              <a href="#" class="mr-3"><i class="fab fa-whatsapp"></i></a>
+              <a href="#" class="mr-3"><i class="fab fa-facebook"></i></a>
+              <a href="#"><i class="fab fa-instagram"></i></a>
+            </p>
+          </div>
+        </div>
+      </footer>
+      <!-- footer END -->
+    </div>
+
+    <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 Vendors(used by this page)-->
+    <script src="assets/plugins/custom/fullcalendar/fullcalendar.bundle.js"></script>
+    <!--end::Page Vendors-->
+
+    <!--begin::Page Scripts(used by this page)-->
+    <script src="assets/js/pages/widgets.js"></script>
+    <!--end::Page Scripts-->
+
+    <!-- echartjs.min.js -->
+    <script src="assets/js/echarts-js/echart.min.js"></script>
+
+    <!-- helper htmx -->
+    <script src="assets/js/helper-htmx/helper.js"></script>
+
+    <!-- iconify -->
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/iconify/2.0.0/iconify.min.js"
+      integrity="sha512-lYMiwcB608+RcqJmP93CMe7b4i9G9QK1RbixsNu4PzMRJMsqr/bUrkXUuFzCNsRUo3IXNUr5hz98lINURv5CNA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <!-- htmx -->
+    <script
+      src="https://unpkg.com/htmx.org@1.9.11/dist/htmx.js"
+      integrity="sha384-l9bYT9SL4CAW0Hl7pAOpfRc18mys1b0wK4U8UtGnWOxPVbVMgrOdB+jyz/WY8Jue"
+      crossorigin="anonymous"
+    ></script>
+
+    <!-- SCRIPT -->
+    <script type="text/javascript" async></script>
+    <!-- SCRIPT -->
+  </body>
+  <!--end::Body-->
+</html>

assets/andy/usergroup.html

@@ -0,0 +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>

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

@@ -0,0 +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",
+};

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

@@ -0,0 +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;
+  }

assets/assets/css/googlefont/publicsans.css

@@ -0,0 +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;
+  }

assets/assets/css/googlefont/roboto.css

@@ -0,0 +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;
+  }

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

@@ -0,0 +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}
+/*# sourceMappingURL=slick-theme.min.css.map */

assets/assets/css/slick/slick.css

@@ -0,0 +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;
+}

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();
+});