Adding upstream version 0.13.1.upstream/0.13.1

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

806 files changed, 441061 insertions, 0 deletions

diff --git a/AssetLoader.php b/AssetLoader.php
new file mode 100644
index 0000000..066eb77
--- /dev/null
+++ b/AssetLoader.php
@@ -0,0 +1,97 @@
+<?php
+
+class AssetLoader
+{
+    public static $awesomeVendorFiles = [
+        'asset/static/font/awesome' => 'vendor/fortawesome/font-awesome/webfonts',
+        'asset/css'                 => 'vendor/fortawesome/font-awesome/css/fontawesome.css'
+    ];
+
+    public static function update(Composer\Script\Event $event)
+    {
+        $copy = in_array('copy-assets', $event->getArguments(), true);
+
+        if (is_dir('asset')) {
+            // Check for removed files
+            $fs = new Composer\Util\Filesystem();
+            $assets = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(
+                'asset',
+                FilesystemIterator::CURRENT_AS_FILEINFO | FilesystemIterator::SKIP_DOTS
+            ), RecursiveIteratorIterator::CHILD_FIRST);
+            foreach ($assets as $asset) {
+                /** @var SplFileInfo $asset */
+                if ($asset->isDir()) {
+                    if ($fs->isDirEmpty($asset->getPathname())) {
+                        rmdir($asset);
+                    }
+                } elseif (! $asset->isReadable()) {
+                    unlink($asset);
+                }
+            }
+        }
+
+        // Check for new files
+        $vendorLibs = new FilesystemIterator('vendor/ipl');
+        foreach ($vendorLibs as $vendorLib) {
+            /** @var SplFileInfo $vendorLib */
+            $assetDir = join(DIRECTORY_SEPARATOR, [$vendorLib->getRealPath(), 'asset']);
+            if (is_readable($assetDir) && is_dir($assetDir)) {
+                $libAssets = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(
+                    $assetDir,
+                    FilesystemIterator::CURRENT_AS_FILEINFO | FilesystemIterator::SKIP_DOTS
+                ), RecursiveIteratorIterator::SELF_FIRST);
+                foreach ($libAssets as $asset) {
+                    /** @var SplFileInfo $asset */
+                    $relativePath = ltrim(substr($asset->getPathname(), strlen($vendorLib->getRealPath())), '/\\');
+                    if (file_exists($relativePath)) {
+                        continue;
+                    }
+
+                    if ($asset->isDir()) {
+                        mkdir($relativePath, 0755, true);
+                    } elseif ($asset->isFile()) {
+                        if ($copy) {
+                            copy($asset->getPathname(), $relativePath);
+                        } else {
+                            symlink($asset->getPathname(), $relativePath);
+                        }
+                    }
+                }
+            }
+        }
+
+        // Register font-awesome files as assets
+        foreach (static::$awesomeVendorFiles as $targetPath => $sourcePath) {
+            $sourcePath = realpath($sourcePath);
+            if (! $sourcePath) {
+                continue;
+            }
+
+            if (is_dir($sourcePath)) {
+                if (! is_dir($targetPath)) {
+                    mkdir($targetPath, 0755, true);
+                }
+
+                $awesomeFiles = new FilesystemIterator($sourcePath);
+            } else { // is_file($sourcePath)
+                $awesomeFiles = [new SplFileInfo($sourcePath)];
+                $sourcePath = $awesomeFiles[0]->getPath();
+            }
+
+            foreach ($awesomeFiles as $awesomeFile) {
+                /** @var SplFileInfo $awesomeFile */
+                $relativePath = join(DIRECTORY_SEPARATOR, [$targetPath, ltrim(
+                    substr($awesomeFile->getPathname(), strlen($sourcePath)),
+                    '/\\'
+                )]);
+                if (! file_exists($relativePath) && $awesomeFile->isFile()) {
+                    if ($copy) {
+                        copy($awesomeFile->getPathname(), $relativePath);
+                    } else {
+                        symlink($awesomeFile->getPathname(), $relativePath);
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..58005ec
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2018 Icinga GmbH https://www.icinga.com
+
+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.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..d743380
--- /dev/null
+++ b/README.md
@@ -0,0 +1,49 @@
+# Icinga PHP Library - IPL
+
+This project bundles all Icinga PHP libraries into one piece and can be integrated as library into Icinga Web 2.
+
+## Requirements
+
+* [Icinga Web 2](https://github.com/Icinga/icingaweb2) (>= 2.9)
+* PHP (>= 7.2)
+
+## Bundled Parts
+
+* [ipl-html](https://github.com/Icinga/ipl-html)
+* [ipl-i18n](https://github.com/Icinga/ipl-i18n)
+* [ipl-orm](https://github.com/Icinga/ipl-orm)
+* [ipl-scheduler](https://github.com/Icinga/ipl-scheduler)
+* [ipl-sql](https://github.com/Icinga/ipl-sql)
+* [ipl-stdlib](https://github.com/Icinga/ipl-stdlib)
+* [ipl-validator](https://github.com/Icinga/ipl-validator)
+* [ipl-web](https://github.com/Icinga/ipl-web)
+
+## Installation
+
+Please download the latest release and install it in one of your configured library paths. The default library
+path for Icinga Web 2 installations is: `/usr/share/icinga-php`
+
+Download or clone this repository there (e.g. `/usr/share/icinga-php/ipl`) and you're done.
+
+> **Note**: Do NOT use the default branch, it will not work! Checking out a
+> branch like `stable/0.10.1` or a tag like `v0.10.1` is fine.
+
+### Examples
+
+**Sample Tarball installation**
+
+```sh
+INSTALL_PATH="/usr/share/icinga-php/ipl"
+INSTALL_VERSION="v0.10.1"
+mkdir "$INSTALL_PATH" \
+&& wget -q "https://github.com/Icinga/icinga-php-library/archive/$INSTALL_VERSION.tar.gz" -O - \
+   | tar xfz - -C "$INSTALL_PATH" --strip-components 1
+```
+
+**Sample GIT installation**
+
+```
+INSTALL_PATH="/usr/share/icinga-php/ipl"
+INSTALL_VERSION="stable/0.10.1"
+git clone https://github.com/Icinga/icinga-php-library.git "$INSTALL_PATH" --branch "$INSTALL_VERSION"
+```
diff --git a/VERSION b/VERSION
new file mode 100644
index 0000000..b561134
--- /dev/null
+++ b/VERSION
@@ -0,0 +1 @@
+v0.13.1
diff --git a/asset/css/awesome-icons.less b/asset/css/awesome-icons.less
new file mode 100644
index 0000000..ba0b5cf
--- /dev/null
+++ b/asset/css/awesome-icons.less
@@ -0,0 +1,35 @@
+:root, :host {
+  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
+  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url('@{iplWebAssets}/font/awesome/fa-regular-400.woff2') format('woff2'),
+       url('@{iplWebAssets}/font/awesome/fa-regular-400.ttf') format('truetype');
+}
+
+.far,
+.fa-regular {
+  font-family: 'Font Awesome 6 Free';
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url('@{iplWebAssets}/font/awesome/fa-solid-900.woff2') format('woff2'),
+       url('@{iplWebAssets}/font/awesome/fa-solid-900.ttf') format('truetype');
+}
+
+.fa,
+.fas,
+.fa-solid {
+  font-family: 'Font Awesome 6 Free';
+  font-weight: 900;
+}
diff --git a/asset/css/balls.less b/asset/css/balls.less
new file mode 100644
index 0000000..f3afae3
--- /dev/null
+++ b/asset/css/balls.less
@@ -0,0 +1,147 @@
+@ball-pad: 1/6em;
+
+.ball {
+  border-radius: 50%;
+  display: inline-block;
+  text-align: center;
+}
+
+.ball-size-xs {
+  height: 1/3em;
+  width: 1/3em;
+}
+
+.ball-size-s {
+  height: 0.5em;
+  width: 0.5em;
+}
+
+.ball-size-m {
+  height: 0.75em;
+  width: 0.75em;
+  line-height: 0;
+
+  i.icon:before {
+    font-size: .75 - @ball-pad * 2;
+    line-height: 1em;
+  }
+}
+
+.ball-size-ml {
+  height: 1em;
+  width: 1em;
+  line-height: 0;
+
+  i.icon {
+    line-height: 0.3;
+
+    &:before {
+      font-size: 0.8 - @ball-pad * 2;
+      line-height: 1 - @ball-pad * 2;
+    }
+  }
+}
+
+.ball-size-l {
+  height: 1.5em;
+  width: 1.5em;
+  line-height: 1em;
+
+  i.icon:before {
+    font-size: 1 - @ball-pad * 2;
+    line-height: 1.5 - @ball-pad * 2;
+  }
+}
+
+.ball-size-xl {
+  width: 2em;
+  height: 2em;
+
+  i.icon:before {
+    line-height: 2 - @ball-pad * 2;
+  }
+}
+
+.ball-outline(@color) {
+  border: @ball-pad solid @color;
+}
+
+.ball-solid(@color) {
+  background-color: @color;
+  color: var(--default-text-color-inverted, @default-text-color-inverted);
+  padding: @ball-pad;
+}
+
+.state-ball {
+  .ball();
+
+  &.state-pending:not(.ball-size-l):not(.ball-size-xl) {
+    .ball-solid(var(--state-pending, @state-pending));
+  }
+
+  &.state-pending.ball-size-l,
+  &.state-pending.ball-size-xl {
+    .ball-outline(var(--state-pending, @state-pending));
+  }
+
+  &.state-up:not(.ball-size-l):not(.ball-size-xl) {
+    .ball-solid(var(--state-up, @state-up));
+  }
+
+  &.state-up.ball-size-l,
+  &.state-up.ball-size-xl {
+    .ball-outline(var(--state-up, @state-up));
+  }
+
+  &.state-down {
+    .ball-solid(var(--state-down, @state-down));
+  }
+
+  &.state-ok:not(.ball-size-l):not(.ball-size-xl) {
+    .ball-solid(var(--state-ok, @state-ok));
+  }
+
+  &.state-ok.ball-size-l,
+  &.state-ok.ball-size-xl {
+    .ball-outline(var(--state-ok, @state-ok));
+  }
+
+  &.state-warning {
+    .ball-solid(var(--state-warning, @state-warning));
+  }
+
+  &.state-critical {
+    .ball-solid(var(--state-critical, @state-critical));
+  }
+
+  &.state-unknown {
+    .ball-solid(var(--state-unknown, @state-unknown));
+  }
+
+  &.handled {
+    opacity: 0.6;
+  }
+
+  i.icon {
+    text-align: center;
+    display: block;
+
+    &::before {
+      margin-right: 0;
+    }
+  }
+
+  // Specific icon styles
+  &.ball-size-l i {
+    &.fa-sitemap:before {
+      font-size: 8px; // px to ignore browser min font-size
+    }
+  }
+
+  &.ball-size-xl i {
+    &.fa-sitemap:before {
+      font-size: .857em;
+      line-height: (2 - @ball-pad * 2) / .857;
+    }
+  }
+}
diff --git a/asset/css/cancel-button.less b/asset/css/cancel-button.less
new file mode 100644
index 0000000..7640399
--- /dev/null
+++ b/asset/css/cancel-button.less
@@ -0,0 +1,34 @@
+.cancel-button {
+  display: inline-flex;
+  align-items: baseline;
+  padding: .5em 1em;
+
+  .appearance(none);
+  .rounded-corners();
+  line-height: normal;
+  cursor: pointer;
+
+  background: var(--cancel-button-bg, @cancel-button-bg);
+  border: 1px solid var(--cancel-button-border-color, @cancel-button-border-color);
+  color: var(--cancel-button-color, @cancel-button-color);
+
+  &:focus,
+  &:hover {
+    background-color: var(--cancel-button-hover-bg, @cancel-button-hover-bg);
+    color: var(--cancel-button-hover-color, @cancel-button-hover-color);
+  }
+
+  &[disabled] {
+    background: none;
+    cursor: default;
+
+    border: 1px solid var(--control-disabled-color, @control-disabled-color);
+    color: var(--control-disabled-color, @control-disabled-color);
+
+    &:focus,
+    &:hover {
+      background: none;
+      color: var(--control-disabled-color, @control-disabled-color);
+    }
+  }
+}
diff --git a/asset/css/compat.less b/asset/css/compat.less
new file mode 100644
index 0000000..1188c7e
--- /dev/null
+++ b/asset/css/compat.less
@@ -0,0 +1,88 @@
+// General input styles
+
+.icinga-controls {
+  .uploaded-files {
+    background-color: @default-input-bg;
+  }
+}
+
+form.icinga-form {
+  .uploaded-files {
+    flex: 1 1 auto;
+    width: 0;
+  }
+}
+
+.icinga-controls {
+  .uploaded-files {
+    font-size: inherit;
+    padding: .5em;
+  }
+}
+
+// Button styles
+
+// The `form` selector is only required to overrule the hover effect applied by Icinga Web.
+// It's not required if done by Icinga Web itself, only here because this is applied earlier
+// as it's part of a library.
+form.icinga-controls {
+  button[type="submit"].remove-uploaded-file {
+    all: unset;
+  }
+}
+
+// Schedule Element styles
+
+.icinga-form > .schedule-element,
+.icinga-form > .schedule-element > fieldset {
+  margin-top: 1em;
+
+  > .control-group:first-child {
+    margin-top: 0;
+  }
+}
+
+.icinga-form .schedule-element {
+  .control-group > fieldset > .weekly,
+  .control-group > .ordinal,
+  .control-group > .monthly,
+  .control-group > .annually {
+    flex: 1 1 auto;
+  }
+
+  // TODO: This effectively restricts the weekly fields to always be aligned to the right,
+  //  regardless of the using an icinga-form or not. So this should be removed once we
+  //  have re-implemented the decorators.
+  .control-group > fieldset > .weekly {
+    margin-left: 14em;
+  }
+}
+
+form.icinga-form .control-group {
+  > .monthly,
+  > .ordinal {
+    margin-right: 2em;
+  }
+
+  > .ordinal.annually {
+    margin-right: 1em;
+  }
+}
+
+// TermInput styles
+
+form.icinga-form .control-group {
+  > .term-input-area {
+    flex: 1 1 auto;
+
+    width: auto;
+    &.vertical {
+      width: 0;
+    }
+
+    input[type="text"] {
+      flex: unset;
+      width: 100%;
+    }
+  }
+}
diff --git a/asset/css/controls.less b/asset/css/controls.less
new file mode 100644
index 0000000..1bccbd8
--- /dev/null
+++ b/asset/css/controls.less
@@ -0,0 +1,164 @@
+.pagination-control {
+  li > a {
+    color: var(--control-color, @control-color);
+    border-radius: .25em;
+  }
+
+  li > a:hover {
+    background: var(--control-hover-bg, @control-hover-bg);
+  }
+
+  .previous-page,
+  .next-page {
+    padding: .5em .25em;
+
+    i {
+      display: block;
+    }
+
+    i:before {
+      margin: 0;
+    }
+  }
+
+  .previous-page > i {
+    margin-left: -.125em;
+  }
+
+  .next-page > i {
+    margin-right: -.125em;
+  }
+}
+
+// Style
+
+.control-button {
+  .appearance(none);
+  background: none;
+  border: none;
+  color: var(--control-color, @control-color);
+  .rounded-corners();
+
+  &:hover, &:focus, &.active {
+    background-color: var(--control-hover-bg, @control-hover-bg);
+    text-decoration: none;
+  }
+
+  &.disabled {
+    color: var(--control-disabled-color, @control-disabled-color);
+
+    &:hover {
+      background: none;
+    }
+  }
+
+  i.icon:before {
+    color: inherit;
+  }
+}
+
+// Layout
+
+.control-button {
+  display: inline-block;
+  padding: .25em .5em;
+
+  > i.icon {
+    display: inline-flex;
+    align-items: center;
+    height: 100%;
+  }
+
+  i.icon:before {
+    margin-right: 0;
+  }
+}
+
+.sort-control {
+  display: flex;
+  justify-content: flex-end;
+
+  .form-element {
+    display: inline-flex;
+    align-items: baseline;
+    margin-right: .5em;
+
+    label {
+      margin-right: .5em;
+    }
+  }
+
+  .control-button {
+    margin: 0;
+  }
+}
+
+.search-controls {
+  display: flex;
+  min-width: 100%;
+
+  .search-bar {
+    flex: 1 1 auto;
+
+    & ~ .control-button {
+      margin-left: .5em;
+    }
+  }
+}
+
+/**
+ The default layout of list controls in Icinga Web
+
+ ┌────────────────────────────────────────────────────────────────┐
+ │ .pagination-control               .limit-control .sort-control │
+ │ <-------------------- .search-controls ----------------------> │
+ └────────────────────────────────────────────────────────────────┘
+ */
+.controls.default-layout {
+  .box-shadow(0, 0, 0, 1px, @controls-separator-bg);
+
+  z-index: 1; // The content may clip, this ensures the separator is always visible
+  & + .content {
+    z-index: 0;
+  }
+
+  > .pagination-control {
+    float: left;
+  }
+
+  > .sort-control,
+  > .limit-control {
+    float: right;
+  }
+
+  > .limit-control {
+    margin-right: .5em;
+  }
+
+  > .search-controls {
+    clear: both;
+  }
+
+  > :not(:only-child) {
+    margin-bottom: 0.5em;
+  }
+
+  > .sort-control,
+  > .search-controls > .control-button:last-child {
+    margin-right: -.5em;
+  }
+
+  > .search-controls > .search-bar .search-suggestions {
+    // Suggestions should be kept at a distance from the bottom of the page
+    margin-bottom: 2.5em;
+  }
+
+  > .search-controls > .search-bar .filter-input-area {
+    label {
+      &::after,
+      input {
+        padding: 0 .5em;
+      }
+    }
+  }
+}
diff --git a/asset/css/copy-to-clipboard.less b/asset/css/copy-to-clipboard.less
new file mode 100644
index 0000000..515b148
--- /dev/null
+++ b/asset/css/copy-to-clipboard.less
@@ -0,0 +1,41 @@
+.clipboard-wrapper {
+  position: relative;
+  > .copy-to-clipboard {
+    margin: 0.1em 0.1em 0 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+  &:hover {
+    .copy-to-clipboard.active {
+      opacity: 0.8;
+    }
+  }
+}
+
+.copy-to-clipboard {
+  .appearance(none);
+  border: none;
+  opacity: 0;
+  background: none;
+  padding: 0.25em 0.5em;
+  cursor: default;
+
+  &.active {
+    cursor: pointer;
+    &:hover, &:focus {
+      opacity: 0.8;
+      color: var(--control-color, @control-color);
+      outline-offset: -2px;
+    }
+  }
+}
+
+.copy-to-clipboard.active,
+.clipboard-wrapper:hover .copy-to-clipboard.active {
+  &.copied {
+    opacity: 0;
+    transition: opacity 1s linear 3s;
+  }
+}
diff --git a/asset/css/datetime-picker.less b/asset/css/datetime-picker.less
new file mode 100644
index 0000000..3d9d9ac
--- /dev/null
+++ b/asset/css/datetime-picker.less
@@ -0,0 +1,9 @@
+.flatpickr-input + .input {
+  padding-right: 2em;
+
+  & + .fa-calendar {
+    margin: .5em 1em 0 -3.5em;
+    padding: 0 .5em 0 1em;
+    pointer-events: none;
+  }
+}
diff --git a/asset/css/empty-state.less b/asset/css/empty-state.less
new file mode 100644
index 0000000..6291055
--- /dev/null
+++ b/asset/css/empty-state.less
@@ -0,0 +1,11 @@
+.empty-state {
+  color: @empty-state-color;
+}
+
+.empty-state-bar {
+  padding: 1em;
+  text-align: center;
+
+  .rounded-corners();
+  background-color: @empty-state-bar-bg;
+}
diff --git a/asset/css/file-element.less b/asset/css/file-element.less
new file mode 100644
index 0000000..9d76d03
--- /dev/null
+++ b/asset/css/file-element.less
@@ -0,0 +1,40 @@
+form .uploaded-files {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+
+  > li:not(:last-of-type) {
+    margin-bottom: .5em;
+  }
+
+  button[type="submit"].remove-uploaded-file {
+    .icon {
+      font-size: 1.2em;
+    }
+
+    &:focus, &:hover {
+      cursor: pointer;
+
+      .icon {
+        color: red;
+      }
+    }
+  }
+
+  // text-overflow: ellipsis layout rules, yes, exclusively
+  > li {
+    display: flex;
+
+    > button[type="submit"].remove-uploaded-file {
+      display: inline-flex;
+      flex: 1 1 auto;
+      width: 0;
+
+      > span {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}
diff --git a/asset/css/fontawesome.css b/asset/css/fontawesome.css
new file mode 100644
index 0000000..b35a770
--- /dev/null
+++ b/asset/css/fontawesome.css
@@ -0,0 +1,6372 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+.fa {
+  font-family: var(--fa-style-family, "Font Awesome 6 Free");
+  font-weight: var(--fa-style, 900); }
+
+.fa,
+.fa-classic,
+.fa-sharp,
+.fas,
+.fa-solid,
+.far,
+.fa-regular,
+.fab,
+.fa-brands {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: var(--fa-display, inline-block);
+  font-style: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-rendering: auto; }
+
+.fas,
+.fa-classic,
+.fa-solid,
+.far,
+.fa-regular {
+  font-family: 'Font Awesome 6 Free'; }
+
+.fab,
+.fa-brands {
+  font-family: 'Font Awesome 6 Brands'; }
+
+.fa-1x {
+  font-size: 1em; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-6x {
+  font-size: 6em; }
+
+.fa-7x {
+  font-size: 7em; }
+
+.fa-8x {
+  font-size: 8em; }
+
+.fa-9x {
+  font-size: 9em; }
+
+.fa-10x {
+  font-size: 10em; }
+
+.fa-2xs {
+  font-size: 0.625em;
+  line-height: 0.1em;
+  vertical-align: 0.225em; }
+
+.fa-xs {
+  font-size: 0.75em;
+  line-height: 0.08333em;
+  vertical-align: 0.125em; }
+
+.fa-sm {
+  font-size: 0.875em;
+  line-height: 0.07143em;
+  vertical-align: 0.05357em; }
+
+.fa-lg {
+  font-size: 1.25em;
+  line-height: 0.05em;
+  vertical-align: -0.075em; }
+
+.fa-xl {
+  font-size: 1.5em;
+  line-height: 0.04167em;
+  vertical-align: -0.125em; }
+
+.fa-2xl {
+  font-size: 2em;
+  line-height: 0.03125em;
+  vertical-align: -0.1875em; }
+
+.fa-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.fa-ul {
+  list-style-type: none;
+  margin-left: var(--fa-li-margin, 2.5em);
+  padding-left: 0; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  left: calc(var(--fa-li-width, 2em) * -1);
+  position: absolute;
+  text-align: center;
+  width: var(--fa-li-width, 2em);
+  line-height: inherit; }
+
+.fa-border {
+  border-color: var(--fa-border-color, #eee);
+  border-radius: var(--fa-border-radius, 0.1em);
+  border-style: var(--fa-border-style, solid);
+  border-width: var(--fa-border-width, 0.08em);
+  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
+
+.fa-pull-left {
+  float: left;
+  margin-right: var(--fa-pull-margin, 0.3em); }
+
+.fa-pull-right {
+  float: right;
+  margin-left: var(--fa-pull-margin, 0.3em); }
+
+.fa-beat {
+  -webkit-animation-name: fa-beat;
+          animation-name: fa-beat;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-bounce {
+  -webkit-animation-name: fa-bounce;
+          animation-name: fa-bounce;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
+          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
+
+.fa-fade {
+  -webkit-animation-name: fa-fade;
+          animation-name: fa-fade;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-beat-fade {
+  -webkit-animation-name: fa-beat-fade;
+          animation-name: fa-beat-fade;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-flip {
+  -webkit-animation-name: fa-flip;
+          animation-name: fa-flip;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+          animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-shake {
+  -webkit-animation-name: fa-shake;
+          animation-name: fa-shake;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+          animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin {
+  -webkit-animation-name: fa-spin;
+          animation-name: fa-spin;
+  -webkit-animation-delay: var(--fa-animation-delay, 0s);
+          animation-delay: var(--fa-animation-delay, 0s);
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 2s);
+          animation-duration: var(--fa-animation-duration, 2s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+          animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin-reverse {
+  --fa-animation-direction: reverse; }
+
+.fa-pulse,
+.fa-spin-pulse {
+  -webkit-animation-name: fa-spin;
+          animation-name: fa-spin;
+  -webkit-animation-direction: var(--fa-animation-direction, normal);
+          animation-direction: var(--fa-animation-direction, normal);
+  -webkit-animation-duration: var(--fa-animation-duration, 1s);
+          animation-duration: var(--fa-animation-duration, 1s);
+  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
+          animation-timing-function: var(--fa-animation-timing, steps(8)); }
+
+@media (prefers-reduced-motion: reduce) {
+  .fa-beat,
+  .fa-bounce,
+  .fa-fade,
+  .fa-beat-fade,
+  .fa-flip,
+  .fa-pulse,
+  .fa-shake,
+  .fa-spin,
+  .fa-spin-pulse {
+    -webkit-animation-delay: -1ms;
+            animation-delay: -1ms;
+    -webkit-animation-duration: 1ms;
+            animation-duration: 1ms;
+    -webkit-animation-iteration-count: 1;
+            animation-iteration-count: 1;
+    -webkit-transition-delay: 0s;
+            transition-delay: 0s;
+    -webkit-transition-duration: 0s;
+            transition-duration: 0s; } }
+
+@-webkit-keyframes fa-beat {
+  0%, 90% {
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  45% {
+    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+            transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@keyframes fa-beat {
+  0%, 90% {
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  45% {
+    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+            transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@-webkit-keyframes fa-bounce {
+  0% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  10% {
+    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+  30% {
+    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+  50% {
+    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+  57% {
+    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+  64% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  100% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); } }
+
+@keyframes fa-bounce {
+  0% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  10% {
+    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+  30% {
+    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+  50% {
+    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+  57% {
+    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+  64% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); }
+  100% {
+    -webkit-transform: scale(1, 1) translateY(0);
+            transform: scale(1, 1) translateY(0); } }
+
+@-webkit-keyframes fa-fade {
+  50% {
+    opacity: var(--fa-fade-opacity, 0.4); } }
+
+@keyframes fa-fade {
+  50% {
+    opacity: var(--fa-fade-opacity, 0.4); } }
+
+@-webkit-keyframes fa-beat-fade {
+  0%, 100% {
+    opacity: var(--fa-beat-fade-opacity, 0.4);
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  50% {
+    opacity: 1;
+    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@keyframes fa-beat-fade {
+  0%, 100% {
+    opacity: var(--fa-beat-fade-opacity, 0.4);
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  50% {
+    opacity: 1;
+    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@-webkit-keyframes fa-flip {
+  50% {
+    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@keyframes fa-flip {
+  50% {
+    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@-webkit-keyframes fa-shake {
+  0% {
+    -webkit-transform: rotate(-15deg);
+            transform: rotate(-15deg); }
+  4% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); }
+  8%, 24% {
+    -webkit-transform: rotate(-18deg);
+            transform: rotate(-18deg); }
+  12%, 28% {
+    -webkit-transform: rotate(18deg);
+            transform: rotate(18deg); }
+  16% {
+    -webkit-transform: rotate(-22deg);
+            transform: rotate(-22deg); }
+  20% {
+    -webkit-transform: rotate(22deg);
+            transform: rotate(22deg); }
+  32% {
+    -webkit-transform: rotate(-12deg);
+            transform: rotate(-12deg); }
+  36% {
+    -webkit-transform: rotate(12deg);
+            transform: rotate(12deg); }
+  40%, 100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); } }
+
+@keyframes fa-shake {
+  0% {
+    -webkit-transform: rotate(-15deg);
+            transform: rotate(-15deg); }
+  4% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); }
+  8%, 24% {
+    -webkit-transform: rotate(-18deg);
+            transform: rotate(-18deg); }
+  12%, 28% {
+    -webkit-transform: rotate(18deg);
+            transform: rotate(18deg); }
+  16% {
+    -webkit-transform: rotate(-22deg);
+            transform: rotate(-22deg); }
+  20% {
+    -webkit-transform: rotate(22deg);
+            transform: rotate(22deg); }
+  32% {
+    -webkit-transform: rotate(-12deg);
+            transform: rotate(-12deg); }
+  36% {
+    -webkit-transform: rotate(12deg);
+            transform: rotate(12deg); }
+  40%, 100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); } }
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  -webkit-transform: scale(-1, 1);
+          transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  -webkit-transform: scale(1, -1);
+          transform: scale(1, -1); }
+
+.fa-flip-both,
+.fa-flip-horizontal.fa-flip-vertical {
+  -webkit-transform: scale(-1, -1);
+          transform: scale(-1, -1); }
+
+.fa-rotate-by {
+  -webkit-transform: rotate(var(--fa-rotate-angle, none));
+          transform: rotate(var(--fa-rotate-angle, none)); }
+
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  z-index: var(--fa-stack-z-index, auto); }
+
+.fa-stack-1x {
+  line-height: inherit; }
+
+.fa-stack-2x {
+  font-size: 2em; }
+
+.fa-inverse {
+  color: var(--fa-inverse, #fff); }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+
+.fa-0::before {
+  content: "\30"; }
+
+.fa-1::before {
+  content: "\31"; }
+
+.fa-2::before {
+  content: "\32"; }
+
+.fa-3::before {
+  content: "\33"; }
+
+.fa-4::before {
+  content: "\34"; }
+
+.fa-5::before {
+  content: "\35"; }
+
+.fa-6::before {
+  content: "\36"; }
+
+.fa-7::before {
+  content: "\37"; }
+
+.fa-8::before {
+  content: "\38"; }
+
+.fa-9::before {
+  content: "\39"; }
+
+.fa-fill-drip::before {
+  content: "\f576"; }
+
+.fa-arrows-to-circle::before {
+  content: "\e4bd"; }
+
+.fa-circle-chevron-right::before {
+  content: "\f138"; }
+
+.fa-chevron-circle-right::before {
+  content: "\f138"; }
+
+.fa-at::before {
+  content: "\40"; }
+
+.fa-trash-can::before {
+  content: "\f2ed"; }
+
+.fa-trash-alt::before {
+  content: "\f2ed"; }
+
+.fa-text-height::before {
+  content: "\f034"; }
+
+.fa-user-xmark::before {
+  content: "\f235"; }
+
+.fa-user-times::before {
+  content: "\f235"; }
+
+.fa-stethoscope::before {
+  content: "\f0f1"; }
+
+.fa-message::before {
+  content: "\f27a"; }
+
+.fa-comment-alt::before {
+  content: "\f27a"; }
+
+.fa-info::before {
+  content: "\f129"; }
+
+.fa-down-left-and-up-right-to-center::before {
+  content: "\f422"; }
+
+.fa-compress-alt::before {
+  content: "\f422"; }
+
+.fa-explosion::before {
+  content: "\e4e9"; }
+
+.fa-file-lines::before {
+  content: "\f15c"; }
+
+.fa-file-alt::before {
+  content: "\f15c"; }
+
+.fa-file-text::before {
+  content: "\f15c"; }
+
+.fa-wave-square::before {
+  content: "\f83e"; }
+
+.fa-ring::before {
+  content: "\f70b"; }
+
+.fa-building-un::before {
+  content: "\e4d9"; }
+
+.fa-dice-three::before {
+  content: "\f527"; }
+
+.fa-calendar-days::before {
+  content: "\f073"; }
+
+.fa-calendar-alt::before {
+  content: "\f073"; }
+
+.fa-anchor-circle-check::before {
+  content: "\e4aa"; }
+
+.fa-building-circle-arrow-right::before {
+  content: "\e4d1"; }
+
+.fa-volleyball::before {
+  content: "\f45f"; }
+
+.fa-volleyball-ball::before {
+  content: "\f45f"; }
+
+.fa-arrows-up-to-line::before {
+  content: "\e4c2"; }
+
+.fa-sort-down::before {
+  content: "\f0dd"; }
+
+.fa-sort-desc::before {
+  content: "\f0dd"; }
+
+.fa-circle-minus::before {
+  content: "\f056"; }
+
+.fa-minus-circle::before {
+  content: "\f056"; }
+
+.fa-door-open::before {
+  content: "\f52b"; }
+
+.fa-right-from-bracket::before {
+  content: "\f2f5"; }
+
+.fa-sign-out-alt::before {
+  content: "\f2f5"; }
+
+.fa-atom::before {
+  content: "\f5d2"; }
+
+.fa-soap::before {
+  content: "\e06e"; }
+
+.fa-icons::before {
+  content: "\f86d"; }
+
+.fa-heart-music-camera-bolt::before {
+  content: "\f86d"; }
+
+.fa-microphone-lines-slash::before {
+  content: "\f539"; }
+
+.fa-microphone-alt-slash::before {
+  content: "\f539"; }
+
+.fa-bridge-circle-check::before {
+  content: "\e4c9"; }
+
+.fa-pump-medical::before {
+  content: "\e06a"; }
+
+.fa-fingerprint::before {
+  content: "\f577"; }
+
+.fa-hand-point-right::before {
+  content: "\f0a4"; }
+
+.fa-magnifying-glass-location::before {
+  content: "\f689"; }
+
+.fa-search-location::before {
+  content: "\f689"; }
+
+.fa-forward-step::before {
+  content: "\f051"; }
+
+.fa-step-forward::before {
+  content: "\f051"; }
+
+.fa-face-smile-beam::before {
+  content: "\f5b8"; }
+
+.fa-smile-beam::before {
+  content: "\f5b8"; }
+
+.fa-flag-checkered::before {
+  content: "\f11e"; }
+
+.fa-football::before {
+  content: "\f44e"; }
+
+.fa-football-ball::before {
+  content: "\f44e"; }
+
+.fa-school-circle-exclamation::before {
+  content: "\e56c"; }
+
+.fa-crop::before {
+  content: "\f125"; }
+
+.fa-angles-down::before {
+  content: "\f103"; }
+
+.fa-angle-double-down::before {
+  content: "\f103"; }
+
+.fa-users-rectangle::before {
+  content: "\e594"; }
+
+.fa-people-roof::before {
+  content: "\e537"; }
+
+.fa-people-line::before {
+  content: "\e534"; }
+
+.fa-beer-mug-empty::before {
+  content: "\f0fc"; }
+
+.fa-beer::before {
+  content: "\f0fc"; }
+
+.fa-diagram-predecessor::before {
+  content: "\e477"; }
+
+.fa-arrow-up-long::before {
+  content: "\f176"; }
+
+.fa-long-arrow-up::before {
+  content: "\f176"; }
+
+.fa-fire-flame-simple::before {
+  content: "\f46a"; }
+
+.fa-burn::before {
+  content: "\f46a"; }
+
+.fa-person::before {
+  content: "\f183"; }
+
+.fa-male::before {
+  content: "\f183"; }
+
+.fa-laptop::before {
+  content: "\f109"; }
+
+.fa-file-csv::before {
+  content: "\f6dd"; }
+
+.fa-menorah::before {
+  content: "\f676"; }
+
+.fa-truck-plane::before {
+  content: "\e58f"; }
+
+.fa-record-vinyl::before {
+  content: "\f8d9"; }
+
+.fa-face-grin-stars::before {
+  content: "\f587"; }
+
+.fa-grin-stars::before {
+  content: "\f587"; }
+
+.fa-bong::before {
+  content: "\f55c"; }
+
+.fa-spaghetti-monster-flying::before {
+  content: "\f67b"; }
+
+.fa-pastafarianism::before {
+  content: "\f67b"; }
+
+.fa-arrow-down-up-across-line::before {
+  content: "\e4af"; }
+
+.fa-spoon::before {
+  content: "\f2e5"; }
+
+.fa-utensil-spoon::before {
+  content: "\f2e5"; }
+
+.fa-jar-wheat::before {
+  content: "\e517"; }
+
+.fa-envelopes-bulk::before {
+  content: "\f674"; }
+
+.fa-mail-bulk::before {
+  content: "\f674"; }
+
+.fa-file-circle-exclamation::before {
+  content: "\e4eb"; }
+
+.fa-circle-h::before {
+  content: "\f47e"; }
+
+.fa-hospital-symbol::before {
+  content: "\f47e"; }
+
+.fa-pager::before {
+  content: "\f815"; }
+
+.fa-address-book::before {
+  content: "\f2b9"; }
+
+.fa-contact-book::before {
+  content: "\f2b9"; }
+
+.fa-strikethrough::before {
+  content: "\f0cc"; }
+
+.fa-k::before {
+  content: "\4b"; }
+
+.fa-landmark-flag::before {
+  content: "\e51c"; }
+
+.fa-pencil::before {
+  content: "\f303"; }
+
+.fa-pencil-alt::before {
+  content: "\f303"; }
+
+.fa-backward::before {
+  content: "\f04a"; }
+
+.fa-caret-right::before {
+  content: "\f0da"; }
+
+.fa-comments::before {
+  content: "\f086"; }
+
+.fa-paste::before {
+  content: "\f0ea"; }
+
+.fa-file-clipboard::before {
+  content: "\f0ea"; }
+
+.fa-code-pull-request::before {
+  content: "\e13c"; }
+
+.fa-clipboard-list::before {
+  content: "\f46d"; }
+
+.fa-truck-ramp-box::before {
+  content: "\f4de"; }
+
+.fa-truck-loading::before {
+  content: "\f4de"; }
+
+.fa-user-check::before {
+  content: "\f4fc"; }
+
+.fa-vial-virus::before {
+  content: "\e597"; }
+
+.fa-sheet-plastic::before {
+  content: "\e571"; }
+
+.fa-blog::before {
+  content: "\f781"; }
+
+.fa-user-ninja::before {
+  content: "\f504"; }
+
+.fa-person-arrow-up-from-line::before {
+  content: "\e539"; }
+
+.fa-scroll-torah::before {
+  content: "\f6a0"; }
+
+.fa-torah::before {
+  content: "\f6a0"; }
+
+.fa-broom-ball::before {
+  content: "\f458"; }
+
+.fa-quidditch::before {
+  content: "\f458"; }
+
+.fa-quidditch-broom-ball::before {
+  content: "\f458"; }
+
+.fa-toggle-off::before {
+  content: "\f204"; }
+
+.fa-box-archive::before {
+  content: "\f187"; }
+
+.fa-archive::before {
+  content: "\f187"; }
+
+.fa-person-drowning::before {
+  content: "\e545"; }
+
+.fa-arrow-down-9-1::before {
+  content: "\f886"; }
+
+.fa-sort-numeric-desc::before {
+  content: "\f886"; }
+
+.fa-sort-numeric-down-alt::before {
+  content: "\f886"; }
+
+.fa-face-grin-tongue-squint::before {
+  content: "\f58a"; }
+
+.fa-grin-tongue-squint::before {
+  content: "\f58a"; }
+
+.fa-spray-can::before {
+  content: "\f5bd"; }
+
+.fa-truck-monster::before {
+  content: "\f63b"; }
+
+.fa-w::before {
+  content: "\57"; }
+
+.fa-earth-africa::before {
+  content: "\f57c"; }
+
+.fa-globe-africa::before {
+  content: "\f57c"; }
+
+.fa-rainbow::before {
+  content: "\f75b"; }
+
+.fa-circle-notch::before {
+  content: "\f1ce"; }
+
+.fa-tablet-screen-button::before {
+  content: "\f3fa"; }
+
+.fa-tablet-alt::before {
+  content: "\f3fa"; }
+
+.fa-paw::before {
+  content: "\f1b0"; }
+
+.fa-cloud::before {
+  content: "\f0c2"; }
+
+.fa-trowel-bricks::before {
+  content: "\e58a"; }
+
+.fa-face-flushed::before {
+  content: "\f579"; }
+
+.fa-flushed::before {
+  content: "\f579"; }
+
+.fa-hospital-user::before {
+  content: "\f80d"; }
+
+.fa-tent-arrow-left-right::before {
+  content: "\e57f"; }
+
+.fa-gavel::before {
+  content: "\f0e3"; }
+
+.fa-legal::before {
+  content: "\f0e3"; }
+
+.fa-binoculars::before {
+  content: "\f1e5"; }
+
+.fa-microphone-slash::before {
+  content: "\f131"; }
+
+.fa-box-tissue::before {
+  content: "\e05b"; }
+
+.fa-motorcycle::before {
+  content: "\f21c"; }
+
+.fa-bell-concierge::before {
+  content: "\f562"; }
+
+.fa-concierge-bell::before {
+  content: "\f562"; }
+
+.fa-pen-ruler::before {
+  content: "\f5ae"; }
+
+.fa-pencil-ruler::before {
+  content: "\f5ae"; }
+
+.fa-people-arrows::before {
+  content: "\e068"; }
+
+.fa-people-arrows-left-right::before {
+  content: "\e068"; }
+
+.fa-mars-and-venus-burst::before {
+  content: "\e523"; }
+
+.fa-square-caret-right::before {
+  content: "\f152"; }
+
+.fa-caret-square-right::before {
+  content: "\f152"; }
+
+.fa-scissors::before {
+  content: "\f0c4"; }
+
+.fa-cut::before {
+  content: "\f0c4"; }
+
+.fa-sun-plant-wilt::before {
+  content: "\e57a"; }
+
+.fa-toilets-portable::before {
+  content: "\e584"; }
+
+.fa-hockey-puck::before {
+  content: "\f453"; }
+
+.fa-table::before {
+  content: "\f0ce"; }
+
+.fa-magnifying-glass-arrow-right::before {
+  content: "\e521"; }
+
+.fa-tachograph-digital::before {
+  content: "\f566"; }
+
+.fa-digital-tachograph::before {
+  content: "\f566"; }
+
+.fa-users-slash::before {
+  content: "\e073"; }
+
+.fa-clover::before {
+  content: "\e139"; }
+
+.fa-reply::before {
+  content: "\f3e5"; }
+
+.fa-mail-reply::before {
+  content: "\f3e5"; }
+
+.fa-star-and-crescent::before {
+  content: "\f699"; }
+
+.fa-house-fire::before {
+  content: "\e50c"; }
+
+.fa-square-minus::before {
+  content: "\f146"; }
+
+.fa-minus-square::before {
+  content: "\f146"; }
+
+.fa-helicopter::before {
+  content: "\f533"; }
+
+.fa-compass::before {
+  content: "\f14e"; }
+
+.fa-square-caret-down::before {
+  content: "\f150"; }
+
+.fa-caret-square-down::before {
+  content: "\f150"; }
+
+.fa-file-circle-question::before {
+  content: "\e4ef"; }
+
+.fa-laptop-code::before {
+  content: "\f5fc"; }
+
+.fa-swatchbook::before {
+  content: "\f5c3"; }
+
+.fa-prescription-bottle::before {
+  content: "\f485"; }
+
+.fa-bars::before {
+  content: "\f0c9"; }
+
+.fa-navicon::before {
+  content: "\f0c9"; }
+
+.fa-people-group::before {
+  content: "\e533"; }
+
+.fa-hourglass-end::before {
+  content: "\f253"; }
+
+.fa-hourglass-3::before {
+  content: "\f253"; }
+
+.fa-heart-crack::before {
+  content: "\f7a9"; }
+
+.fa-heart-broken::before {
+  content: "\f7a9"; }
+
+.fa-square-up-right::before {
+  content: "\f360"; }
+
+.fa-external-link-square-alt::before {
+  content: "\f360"; }
+
+.fa-face-kiss-beam::before {
+  content: "\f597"; }
+
+.fa-kiss-beam::before {
+  content: "\f597"; }
+
+.fa-film::before {
+  content: "\f008"; }
+
+.fa-ruler-horizontal::before {
+  content: "\f547"; }
+
+.fa-people-robbery::before {
+  content: "\e536"; }
+
+.fa-lightbulb::before {
+  content: "\f0eb"; }
+
+.fa-caret-left::before {
+  content: "\f0d9"; }
+
+.fa-circle-exclamation::before {
+  content: "\f06a"; }
+
+.fa-exclamation-circle::before {
+  content: "\f06a"; }
+
+.fa-school-circle-xmark::before {
+  content: "\e56d"; }
+
+.fa-arrow-right-from-bracket::before {
+  content: "\f08b"; }
+
+.fa-sign-out::before {
+  content: "\f08b"; }
+
+.fa-circle-chevron-down::before {
+  content: "\f13a"; }
+
+.fa-chevron-circle-down::before {
+  content: "\f13a"; }
+
+.fa-unlock-keyhole::before {
+  content: "\f13e"; }
+
+.fa-unlock-alt::before {
+  content: "\f13e"; }
+
+.fa-cloud-showers-heavy::before {
+  content: "\f740"; }
+
+.fa-headphones-simple::before {
+  content: "\f58f"; }
+
+.fa-headphones-alt::before {
+  content: "\f58f"; }
+
+.fa-sitemap::before {
+  content: "\f0e8"; }
+
+.fa-circle-dollar-to-slot::before {
+  content: "\f4b9"; }
+
+.fa-donate::before {
+  content: "\f4b9"; }
+
+.fa-memory::before {
+  content: "\f538"; }
+
+.fa-road-spikes::before {
+  content: "\e568"; }
+
+.fa-fire-burner::before {
+  content: "\e4f1"; }
+
+.fa-flag::before {
+  content: "\f024"; }
+
+.fa-hanukiah::before {
+  content: "\f6e6"; }
+
+.fa-feather::before {
+  content: "\f52d"; }
+
+.fa-volume-low::before {
+  content: "\f027"; }
+
+.fa-volume-down::before {
+  content: "\f027"; }
+
+.fa-comment-slash::before {
+  content: "\f4b3"; }
+
+.fa-cloud-sun-rain::before {
+  content: "\f743"; }
+
+.fa-compress::before {
+  content: "\f066"; }
+
+.fa-wheat-awn::before {
+  content: "\e2cd"; }
+
+.fa-wheat-alt::before {
+  content: "\e2cd"; }
+
+.fa-ankh::before {
+  content: "\f644"; }
+
+.fa-hands-holding-child::before {
+  content: "\e4fa"; }
+
+.fa-asterisk::before {
+  content: "\2a"; }
+
+.fa-square-check::before {
+  content: "\f14a"; }
+
+.fa-check-square::before {
+  content: "\f14a"; }
+
+.fa-peseta-sign::before {
+  content: "\e221"; }
+
+.fa-heading::before {
+  content: "\f1dc"; }
+
+.fa-header::before {
+  content: "\f1dc"; }
+
+.fa-ghost::before {
+  content: "\f6e2"; }
+
+.fa-list::before {
+  content: "\f03a"; }
+
+.fa-list-squares::before {
+  content: "\f03a"; }
+
+.fa-square-phone-flip::before {
+  content: "\f87b"; }
+
+.fa-phone-square-alt::before {
+  content: "\f87b"; }
+
+.fa-cart-plus::before {
+  content: "\f217"; }
+
+.fa-gamepad::before {
+  content: "\f11b"; }
+
+.fa-circle-dot::before {
+  content: "\f192"; }
+
+.fa-dot-circle::before {
+  content: "\f192"; }
+
+.fa-face-dizzy::before {
+  content: "\f567"; }
+
+.fa-dizzy::before {
+  content: "\f567"; }
+
+.fa-egg::before {
+  content: "\f7fb"; }
+
+.fa-house-medical-circle-xmark::before {
+  content: "\e513"; }
+
+.fa-campground::before {
+  content: "\f6bb"; }
+
+.fa-folder-plus::before {
+  content: "\f65e"; }
+
+.fa-futbol::before {
+  content: "\f1e3"; }
+
+.fa-futbol-ball::before {
+  content: "\f1e3"; }
+
+.fa-soccer-ball::before {
+  content: "\f1e3"; }
+
+.fa-paintbrush::before {
+  content: "\f1fc"; }
+
+.fa-paint-brush::before {
+  content: "\f1fc"; }
+
+.fa-lock::before {
+  content: "\f023"; }
+
+.fa-gas-pump::before {
+  content: "\f52f"; }
+
+.fa-hot-tub-person::before {
+  content: "\f593"; }
+
+.fa-hot-tub::before {
+  content: "\f593"; }
+
+.fa-map-location::before {
+  content: "\f59f"; }
+
+.fa-map-marked::before {
+  content: "\f59f"; }
+
+.fa-house-flood-water::before {
+  content: "\e50e"; }
+
+.fa-tree::before {
+  content: "\f1bb"; }
+
+.fa-bridge-lock::before {
+  content: "\e4cc"; }
+
+.fa-sack-dollar::before {
+  content: "\f81d"; }
+
+.fa-pen-to-square::before {
+  content: "\f044"; }
+
+.fa-edit::before {
+  content: "\f044"; }
+
+.fa-car-side::before {
+  content: "\f5e4"; }
+
+.fa-share-nodes::before {
+  content: "\f1e0"; }
+
+.fa-share-alt::before {
+  content: "\f1e0"; }
+
+.fa-heart-circle-minus::before {
+  content: "\e4ff"; }
+
+.fa-hourglass-half::before {
+  content: "\f252"; }
+
+.fa-hourglass-2::before {
+  content: "\f252"; }
+
+.fa-microscope::before {
+  content: "\f610"; }
+
+.fa-sink::before {
+  content: "\e06d"; }
+
+.fa-bag-shopping::before {
+  content: "\f290"; }
+
+.fa-shopping-bag::before {
+  content: "\f290"; }
+
+.fa-arrow-down-z-a::before {
+  content: "\f881"; }
+
+.fa-sort-alpha-desc::before {
+  content: "\f881"; }
+
+.fa-sort-alpha-down-alt::before {
+  content: "\f881"; }
+
+.fa-mitten::before {
+  content: "\f7b5"; }
+
+.fa-person-rays::before {
+  content: "\e54d"; }
+
+.fa-users::before {
+  content: "\f0c0"; }
+
+.fa-eye-slash::before {
+  content: "\f070"; }
+
+.fa-flask-vial::before {
+  content: "\e4f3"; }
+
+.fa-hand::before {
+  content: "\f256"; }
+
+.fa-hand-paper::before {
+  content: "\f256"; }
+
+.fa-om::before {
+  content: "\f679"; }
+
+.fa-worm::before {
+  content: "\e599"; }
+
+.fa-house-circle-xmark::before {
+  content: "\e50b"; }
+
+.fa-plug::before {
+  content: "\f1e6"; }
+
+.fa-chevron-up::before {
+  content: "\f077"; }
+
+.fa-hand-spock::before {
+  content: "\f259"; }
+
+.fa-stopwatch::before {
+  content: "\f2f2"; }
+
+.fa-face-kiss::before {
+  content: "\f596"; }
+
+.fa-kiss::before {
+  content: "\f596"; }
+
+.fa-bridge-circle-xmark::before {
+  content: "\e4cb"; }
+
+.fa-face-grin-tongue::before {
+  content: "\f589"; }
+
+.fa-grin-tongue::before {
+  content: "\f589"; }
+
+.fa-chess-bishop::before {
+  content: "\f43a"; }
+
+.fa-face-grin-wink::before {
+  content: "\f58c"; }
+
+.fa-grin-wink::before {
+  content: "\f58c"; }
+
+.fa-ear-deaf::before {
+  content: "\f2a4"; }
+
+.fa-deaf::before {
+  content: "\f2a4"; }
+
+.fa-deafness::before {
+  content: "\f2a4"; }
+
+.fa-hard-of-hearing::before {
+  content: "\f2a4"; }
+
+.fa-road-circle-check::before {
+  content: "\e564"; }
+
+.fa-dice-five::before {
+  content: "\f523"; }
+
+.fa-square-rss::before {
+  content: "\f143"; }
+
+.fa-rss-square::before {
+  content: "\f143"; }
+
+.fa-land-mine-on::before {
+  content: "\e51b"; }
+
+.fa-i-cursor::before {
+  content: "\f246"; }
+
+.fa-stamp::before {
+  content: "\f5bf"; }
+
+.fa-stairs::before {
+  content: "\e289"; }
+
+.fa-i::before {
+  content: "\49"; }
+
+.fa-hryvnia-sign::before {
+  content: "\f6f2"; }
+
+.fa-hryvnia::before {
+  content: "\f6f2"; }
+
+.fa-pills::before {
+  content: "\f484"; }
+
+.fa-face-grin-wide::before {
+  content: "\f581"; }
+
+.fa-grin-alt::before {
+  content: "\f581"; }
+
+.fa-tooth::before {
+  content: "\f5c9"; }
+
+.fa-v::before {
+  content: "\56"; }
+
+.fa-bangladeshi-taka-sign::before {
+  content: "\e2e6"; }
+
+.fa-bicycle::before {
+  content: "\f206"; }
+
+.fa-staff-snake::before {
+  content: "\e579"; }
+
+.fa-rod-asclepius::before {
+  content: "\e579"; }
+
+.fa-rod-snake::before {
+  content: "\e579"; }
+
+.fa-staff-aesculapius::before {
+  content: "\e579"; }
+
+.fa-head-side-cough-slash::before {
+  content: "\e062"; }
+
+.fa-truck-medical::before {
+  content: "\f0f9"; }
+
+.fa-ambulance::before {
+  content: "\f0f9"; }
+
+.fa-wheat-awn-circle-exclamation::before {
+  content: "\e598"; }
+
+.fa-snowman::before {
+  content: "\f7d0"; }
+
+.fa-mortar-pestle::before {
+  content: "\f5a7"; }
+
+.fa-road-barrier::before {
+  content: "\e562"; }
+
+.fa-school::before {
+  content: "\f549"; }
+
+.fa-igloo::before {
+  content: "\f7ae"; }
+
+.fa-joint::before {
+  content: "\f595"; }
+
+.fa-angle-right::before {
+  content: "\f105"; }
+
+.fa-horse::before {
+  content: "\f6f0"; }
+
+.fa-q::before {
+  content: "\51"; }
+
+.fa-g::before {
+  content: "\47"; }
+
+.fa-notes-medical::before {
+  content: "\f481"; }
+
+.fa-temperature-half::before {
+  content: "\f2c9"; }
+
+.fa-temperature-2::before {
+  content: "\f2c9"; }
+
+.fa-thermometer-2::before {
+  content: "\f2c9"; }
+
+.fa-thermometer-half::before {
+  content: "\f2c9"; }
+
+.fa-dong-sign::before {
+  content: "\e169"; }
+
+.fa-capsules::before {
+  content: "\f46b"; }
+
+.fa-poo-storm::before {
+  content: "\f75a"; }
+
+.fa-poo-bolt::before {
+  content: "\f75a"; }
+
+.fa-face-frown-open::before {
+  content: "\f57a"; }
+
+.fa-frown-open::before {
+  content: "\f57a"; }
+
+.fa-hand-point-up::before {
+  content: "\f0a6"; }
+
+.fa-money-bill::before {
+  content: "\f0d6"; }
+
+.fa-bookmark::before {
+  content: "\f02e"; }
+
+.fa-align-justify::before {
+  content: "\f039"; }
+
+.fa-umbrella-beach::before {
+  content: "\f5ca"; }
+
+.fa-helmet-un::before {
+  content: "\e503"; }
+
+.fa-bullseye::before {
+  content: "\f140"; }
+
+.fa-bacon::before {
+  content: "\f7e5"; }
+
+.fa-hand-point-down::before {
+  content: "\f0a7"; }
+
+.fa-arrow-up-from-bracket::before {
+  content: "\e09a"; }
+
+.fa-folder::before {
+  content: "\f07b"; }
+
+.fa-folder-blank::before {
+  content: "\f07b"; }
+
+.fa-file-waveform::before {
+  content: "\f478"; }
+
+.fa-file-medical-alt::before {
+  content: "\f478"; }
+
+.fa-radiation::before {
+  content: "\f7b9"; }
+
+.fa-chart-simple::before {
+  content: "\e473"; }
+
+.fa-mars-stroke::before {
+  content: "\f229"; }
+
+.fa-vial::before {
+  content: "\f492"; }
+
+.fa-gauge::before {
+  content: "\f624"; }
+
+.fa-dashboard::before {
+  content: "\f624"; }
+
+.fa-gauge-med::before {
+  content: "\f624"; }
+
+.fa-tachometer-alt-average::before {
+  content: "\f624"; }
+
+.fa-wand-magic-sparkles::before {
+  content: "\e2ca"; }
+
+.fa-magic-wand-sparkles::before {
+  content: "\e2ca"; }
+
+.fa-e::before {
+  content: "\45"; }
+
+.fa-pen-clip::before {
+  content: "\f305"; }
+
+.fa-pen-alt::before {
+  content: "\f305"; }
+
+.fa-bridge-circle-exclamation::before {
+  content: "\e4ca"; }
+
+.fa-user::before {
+  content: "\f007"; }
+
+.fa-school-circle-check::before {
+  content: "\e56b"; }
+
+.fa-dumpster::before {
+  content: "\f793"; }
+
+.fa-van-shuttle::before {
+  content: "\f5b6"; }
+
+.fa-shuttle-van::before {
+  content: "\f5b6"; }
+
+.fa-building-user::before {
+  content: "\e4da"; }
+
+.fa-square-caret-left::before {
+  content: "\f191"; }
+
+.fa-caret-square-left::before {
+  content: "\f191"; }
+
+.fa-highlighter::before {
+  content: "\f591"; }
+
+.fa-key::before {
+  content: "\f084"; }
+
+.fa-bullhorn::before {
+  content: "\f0a1"; }
+
+.fa-globe::before {
+  content: "\f0ac"; }
+
+.fa-synagogue::before {
+  content: "\f69b"; }
+
+.fa-person-half-dress::before {
+  content: "\e548"; }
+
+.fa-road-bridge::before {
+  content: "\e563"; }
+
+.fa-location-arrow::before {
+  content: "\f124"; }
+
+.fa-c::before {
+  content: "\43"; }
+
+.fa-tablet-button::before {
+  content: "\f10a"; }
+
+.fa-building-lock::before {
+  content: "\e4d6"; }
+
+.fa-pizza-slice::before {
+  content: "\f818"; }
+
+.fa-money-bill-wave::before {
+  content: "\f53a"; }
+
+.fa-chart-area::before {
+  content: "\f1fe"; }
+
+.fa-area-chart::before {
+  content: "\f1fe"; }
+
+.fa-house-flag::before {
+  content: "\e50d"; }
+
+.fa-person-circle-minus::before {
+  content: "\e540"; }
+
+.fa-ban::before {
+  content: "\f05e"; }
+
+.fa-cancel::before {
+  content: "\f05e"; }
+
+.fa-camera-rotate::before {
+  content: "\e0d8"; }
+
+.fa-spray-can-sparkles::before {
+  content: "\f5d0"; }
+
+.fa-air-freshener::before {
+  content: "\f5d0"; }
+
+.fa-star::before {
+  content: "\f005"; }
+
+.fa-repeat::before {
+  content: "\f363"; }
+
+.fa-cross::before {
+  content: "\f654"; }
+
+.fa-box::before {
+  content: "\f466"; }
+
+.fa-venus-mars::before {
+  content: "\f228"; }
+
+.fa-arrow-pointer::before {
+  content: "\f245"; }
+
+.fa-mouse-pointer::before {
+  content: "\f245"; }
+
+.fa-maximize::before {
+  content: "\f31e"; }
+
+.fa-expand-arrows-alt::before {
+  content: "\f31e"; }
+
+.fa-charging-station::before {
+  content: "\f5e7"; }
+
+.fa-shapes::before {
+  content: "\f61f"; }
+
+.fa-triangle-circle-square::before {
+  content: "\f61f"; }
+
+.fa-shuffle::before {
+  content: "\f074"; }
+
+.fa-random::before {
+  content: "\f074"; }
+
+.fa-person-running::before {
+  content: "\f70c"; }
+
+.fa-running::before {
+  content: "\f70c"; }
+
+.fa-mobile-retro::before {
+  content: "\e527"; }
+
+.fa-grip-lines-vertical::before {
+  content: "\f7a5"; }
+
+.fa-spider::before {
+  content: "\f717"; }
+
+.fa-hands-bound::before {
+  content: "\e4f9"; }
+
+.fa-file-invoice-dollar::before {
+  content: "\f571"; }
+
+.fa-plane-circle-exclamation::before {
+  content: "\e556"; }
+
+.fa-x-ray::before {
+  content: "\f497"; }
+
+.fa-spell-check::before {
+  content: "\f891"; }
+
+.fa-slash::before {
+  content: "\f715"; }
+
+.fa-computer-mouse::before {
+  content: "\f8cc"; }
+
+.fa-mouse::before {
+  content: "\f8cc"; }
+
+.fa-arrow-right-to-bracket::before {
+  content: "\f090"; }
+
+.fa-sign-in::before {
+  content: "\f090"; }
+
+.fa-shop-slash::before {
+  content: "\e070"; }
+
+.fa-store-alt-slash::before {
+  content: "\e070"; }
+
+.fa-server::before {
+  content: "\f233"; }
+
+.fa-virus-covid-slash::before {
+  content: "\e4a9"; }
+
+.fa-shop-lock::before {
+  content: "\e4a5"; }
+
+.fa-hourglass-start::before {
+  content: "\f251"; }
+
+.fa-hourglass-1::before {
+  content: "\f251"; }
+
+.fa-blender-phone::before {
+  content: "\f6b6"; }
+
+.fa-building-wheat::before {
+  content: "\e4db"; }
+
+.fa-person-breastfeeding::before {
+  content: "\e53a"; }
+
+.fa-right-to-bracket::before {
+  content: "\f2f6"; }
+
+.fa-sign-in-alt::before {
+  content: "\f2f6"; }
+
+.fa-venus::before {
+  content: "\f221"; }
+
+.fa-passport::before {
+  content: "\f5ab"; }
+
+.fa-heart-pulse::before {
+  content: "\f21e"; }
+
+.fa-heartbeat::before {
+  content: "\f21e"; }
+
+.fa-people-carry-box::before {
+  content: "\f4ce"; }
+
+.fa-people-carry::before {
+  content: "\f4ce"; }
+
+.fa-temperature-high::before {
+  content: "\f769"; }
+
+.fa-microchip::before {
+  content: "\f2db"; }
+
+.fa-crown::before {
+  content: "\f521"; }
+
+.fa-weight-hanging::before {
+  content: "\f5cd"; }
+
+.fa-xmarks-lines::before {
+  content: "\e59a"; }
+
+.fa-file-prescription::before {
+  content: "\f572"; }
+
+.fa-weight-scale::before {
+  content: "\f496"; }
+
+.fa-weight::before {
+  content: "\f496"; }
+
+.fa-user-group::before {
+  content: "\f500"; }
+
+.fa-user-friends::before {
+  content: "\f500"; }
+
+.fa-arrow-up-a-z::before {
+  content: "\f15e"; }
+
+.fa-sort-alpha-up::before {
+  content: "\f15e"; }
+
+.fa-chess-knight::before {
+  content: "\f441"; }
+
+.fa-face-laugh-squint::before {
+  content: "\f59b"; }
+
+.fa-laugh-squint::before {
+  content: "\f59b"; }
+
+.fa-wheelchair::before {
+  content: "\f193"; }
+
+.fa-circle-arrow-up::before {
+  content: "\f0aa"; }
+
+.fa-arrow-circle-up::before {
+  content: "\f0aa"; }
+
+.fa-toggle-on::before {
+  content: "\f205"; }
+
+.fa-person-walking::before {
+  content: "\f554"; }
+
+.fa-walking::before {
+  content: "\f554"; }
+
+.fa-l::before {
+  content: "\4c"; }
+
+.fa-fire::before {
+  content: "\f06d"; }
+
+.fa-bed-pulse::before {
+  content: "\f487"; }
+
+.fa-procedures::before {
+  content: "\f487"; }
+
+.fa-shuttle-space::before {
+  content: "\f197"; }
+
+.fa-space-shuttle::before {
+  content: "\f197"; }
+
+.fa-face-laugh::before {
+  content: "\f599"; }
+
+.fa-laugh::before {
+  content: "\f599"; }
+
+.fa-folder-open::before {
+  content: "\f07c"; }
+
+.fa-heart-circle-plus::before {
+  content: "\e500"; }
+
+.fa-code-fork::before {
+  content: "\e13b"; }
+
+.fa-city::before {
+  content: "\f64f"; }
+
+.fa-microphone-lines::before {
+  content: "\f3c9"; }
+
+.fa-microphone-alt::before {
+  content: "\f3c9"; }
+
+.fa-pepper-hot::before {
+  content: "\f816"; }
+
+.fa-unlock::before {
+  content: "\f09c"; }
+
+.fa-colon-sign::before {
+  content: "\e140"; }
+
+.fa-headset::before {
+  content: "\f590"; }
+
+.fa-store-slash::before {
+  content: "\e071"; }
+
+.fa-road-circle-xmark::before {
+  content: "\e566"; }
+
+.fa-user-minus::before {
+  content: "\f503"; }
+
+.fa-mars-stroke-up::before {
+  content: "\f22a"; }
+
+.fa-mars-stroke-v::before {
+  content: "\f22a"; }
+
+.fa-champagne-glasses::before {
+  content: "\f79f"; }
+
+.fa-glass-cheers::before {
+  content: "\f79f"; }
+
+.fa-clipboard::before {
+  content: "\f328"; }
+
+.fa-house-circle-exclamation::before {
+  content: "\e50a"; }
+
+.fa-file-arrow-up::before {
+  content: "\f574"; }
+
+.fa-file-upload::before {
+  content: "\f574"; }
+
+.fa-wifi::before {
+  content: "\f1eb"; }
+
+.fa-wifi-3::before {
+  content: "\f1eb"; }
+
+.fa-wifi-strong::before {
+  content: "\f1eb"; }
+
+.fa-bath::before {
+  content: "\f2cd"; }
+
+.fa-bathtub::before {
+  content: "\f2cd"; }
+
+.fa-underline::before {
+  content: "\f0cd"; }
+
+.fa-user-pen::before {
+  content: "\f4ff"; }
+
+.fa-user-edit::before {
+  content: "\f4ff"; }
+
+.fa-signature::before {
+  content: "\f5b7"; }
+
+.fa-stroopwafel::before {
+  content: "\f551"; }
+
+.fa-bold::before {
+  content: "\f032"; }
+
+.fa-anchor-lock::before {
+  content: "\e4ad"; }
+
+.fa-building-ngo::before {
+  content: "\e4d7"; }
+
+.fa-manat-sign::before {
+  content: "\e1d5"; }
+
+.fa-not-equal::before {
+  content: "\f53e"; }
+
+.fa-border-top-left::before {
+  content: "\f853"; }
+
+.fa-border-style::before {
+  content: "\f853"; }
+
+.fa-map-location-dot::before {
+  content: "\f5a0"; }
+
+.fa-map-marked-alt::before {
+  content: "\f5a0"; }
+
+.fa-jedi::before {
+  content: "\f669"; }
+
+.fa-square-poll-vertical::before {
+  content: "\f681"; }
+
+.fa-poll::before {
+  content: "\f681"; }
+
+.fa-mug-hot::before {
+  content: "\f7b6"; }
+
+.fa-car-battery::before {
+  content: "\f5df"; }
+
+.fa-battery-car::before {
+  content: "\f5df"; }
+
+.fa-gift::before {
+  content: "\f06b"; }
+
+.fa-dice-two::before {
+  content: "\f528"; }
+
+.fa-chess-queen::before {
+  content: "\f445"; }
+
+.fa-glasses::before {
+  content: "\f530"; }
+
+.fa-chess-board::before {
+  content: "\f43c"; }
+
+.fa-building-circle-check::before {
+  content: "\e4d2"; }
+
+.fa-person-chalkboard::before {
+  content: "\e53d"; }
+
+.fa-mars-stroke-right::before {
+  content: "\f22b"; }
+
+.fa-mars-stroke-h::before {
+  content: "\f22b"; }
+
+.fa-hand-back-fist::before {
+  content: "\f255"; }
+
+.fa-hand-rock::before {
+  content: "\f255"; }
+
+.fa-square-caret-up::before {
+  content: "\f151"; }
+
+.fa-caret-square-up::before {
+  content: "\f151"; }
+
+.fa-cloud-showers-water::before {
+  content: "\e4e4"; }
+
+.fa-chart-bar::before {
+  content: "\f080"; }
+
+.fa-bar-chart::before {
+  content: "\f080"; }
+
+.fa-hands-bubbles::before {
+  content: "\e05e"; }
+
+.fa-hands-wash::before {
+  content: "\e05e"; }
+
+.fa-less-than-equal::before {
+  content: "\f537"; }
+
+.fa-train::before {
+  content: "\f238"; }
+
+.fa-eye-low-vision::before {
+  content: "\f2a8"; }
+
+.fa-low-vision::before {
+  content: "\f2a8"; }
+
+.fa-crow::before {
+  content: "\f520"; }
+
+.fa-sailboat::before {
+  content: "\e445"; }
+
+.fa-window-restore::before {
+  content: "\f2d2"; }
+
+.fa-square-plus::before {
+  content: "\f0fe"; }
+
+.fa-plus-square::before {
+  content: "\f0fe"; }
+
+.fa-torii-gate::before {
+  content: "\f6a1"; }
+
+.fa-frog::before {
+  content: "\f52e"; }
+
+.fa-bucket::before {
+  content: "\e4cf"; }
+
+.fa-image::before {
+  content: "\f03e"; }
+
+.fa-microphone::before {
+  content: "\f130"; }
+
+.fa-cow::before {
+  content: "\f6c8"; }
+
+.fa-caret-up::before {
+  content: "\f0d8"; }
+
+.fa-screwdriver::before {
+  content: "\f54a"; }
+
+.fa-folder-closed::before {
+  content: "\e185"; }
+
+.fa-house-tsunami::before {
+  content: "\e515"; }
+
+.fa-square-nfi::before {
+  content: "\e576"; }
+
+.fa-arrow-up-from-ground-water::before {
+  content: "\e4b5"; }
+
+.fa-martini-glass::before {
+  content: "\f57b"; }
+
+.fa-glass-martini-alt::before {
+  content: "\f57b"; }
+
+.fa-rotate-left::before {
+  content: "\f2ea"; }
+
+.fa-rotate-back::before {
+  content: "\f2ea"; }
+
+.fa-rotate-backward::before {
+  content: "\f2ea"; }
+
+.fa-undo-alt::before {
+  content: "\f2ea"; }
+
+.fa-table-columns::before {
+  content: "\f0db"; }
+
+.fa-columns::before {
+  content: "\f0db"; }
+
+.fa-lemon::before {
+  content: "\f094"; }
+
+.fa-head-side-mask::before {
+  content: "\e063"; }
+
+.fa-handshake::before {
+  content: "\f2b5"; }
+
+.fa-gem::before {
+  content: "\f3a5"; }
+
+.fa-dolly::before {
+  content: "\f472"; }
+
+.fa-dolly-box::before {
+  content: "\f472"; }
+
+.fa-smoking::before {
+  content: "\f48d"; }
+
+.fa-minimize::before {
+  content: "\f78c"; }
+
+.fa-compress-arrows-alt::before {
+  content: "\f78c"; }
+
+.fa-monument::before {
+  content: "\f5a6"; }
+
+.fa-snowplow::before {
+  content: "\f7d2"; }
+
+.fa-angles-right::before {
+  content: "\f101"; }
+
+.fa-angle-double-right::before {
+  content: "\f101"; }
+
+.fa-cannabis::before {
+  content: "\f55f"; }
+
+.fa-circle-play::before {
+  content: "\f144"; }
+
+.fa-play-circle::before {
+  content: "\f144"; }
+
+.fa-tablets::before {
+  content: "\f490"; }
+
+.fa-ethernet::before {
+  content: "\f796"; }
+
+.fa-euro-sign::before {
+  content: "\f153"; }
+
+.fa-eur::before {
+  content: "\f153"; }
+
+.fa-euro::before {
+  content: "\f153"; }
+
+.fa-chair::before {
+  content: "\f6c0"; }
+
+.fa-circle-check::before {
+  content: "\f058"; }
+
+.fa-check-circle::before {
+  content: "\f058"; }
+
+.fa-circle-stop::before {
+  content: "\f28d"; }
+
+.fa-stop-circle::before {
+  content: "\f28d"; }
+
+.fa-compass-drafting::before {
+  content: "\f568"; }
+
+.fa-drafting-compass::before {
+  content: "\f568"; }
+
+.fa-plate-wheat::before {
+  content: "\e55a"; }
+
+.fa-icicles::before {
+  content: "\f7ad"; }
+
+.fa-person-shelter::before {
+  content: "\e54f"; }
+
+.fa-neuter::before {
+  content: "\f22c"; }
+
+.fa-id-badge::before {
+  content: "\f2c1"; }
+
+.fa-marker::before {
+  content: "\f5a1"; }
+
+.fa-face-laugh-beam::before {
+  content: "\f59a"; }
+
+.fa-laugh-beam::before {
+  content: "\f59a"; }
+
+.fa-helicopter-symbol::before {
+  content: "\e502"; }
+
+.fa-universal-access::before {
+  content: "\f29a"; }
+
+.fa-circle-chevron-up::before {
+  content: "\f139"; }
+
+.fa-chevron-circle-up::before {
+  content: "\f139"; }
+
+.fa-lari-sign::before {
+  content: "\e1c8"; }
+
+.fa-volcano::before {
+  content: "\f770"; }
+
+.fa-person-walking-dashed-line-arrow-right::before {
+  content: "\e553"; }
+
+.fa-sterling-sign::before {
+  content: "\f154"; }
+
+.fa-gbp::before {
+  content: "\f154"; }
+
+.fa-pound-sign::before {
+  content: "\f154"; }
+
+.fa-viruses::before {
+  content: "\e076"; }
+
+.fa-square-person-confined::before {
+  content: "\e577"; }
+
+.fa-user-tie::before {
+  content: "\f508"; }
+
+.fa-arrow-down-long::before {
+  content: "\f175"; }
+
+.fa-long-arrow-down::before {
+  content: "\f175"; }
+
+.fa-tent-arrow-down-to-line::before {
+  content: "\e57e"; }
+
+.fa-certificate::before {
+  content: "\f0a3"; }
+
+.fa-reply-all::before {
+  content: "\f122"; }
+
+.fa-mail-reply-all::before {
+  content: "\f122"; }
+
+.fa-suitcase::before {
+  content: "\f0f2"; }
+
+.fa-person-skating::before {
+  content: "\f7c5"; }
+
+.fa-skating::before {
+  content: "\f7c5"; }
+
+.fa-filter-circle-dollar::before {
+  content: "\f662"; }
+
+.fa-funnel-dollar::before {
+  content: "\f662"; }
+
+.fa-camera-retro::before {
+  content: "\f083"; }
+
+.fa-circle-arrow-down::before {
+  content: "\f0ab"; }
+
+.fa-arrow-circle-down::before {
+  content: "\f0ab"; }
+
+.fa-file-import::before {
+  content: "\f56f"; }
+
+.fa-arrow-right-to-file::before {
+  content: "\f56f"; }
+
+.fa-square-arrow-up-right::before {
+  content: "\f14c"; }
+
+.fa-external-link-square::before {
+  content: "\f14c"; }
+
+.fa-box-open::before {
+  content: "\f49e"; }
+
+.fa-scroll::before {
+  content: "\f70e"; }
+
+.fa-spa::before {
+  content: "\f5bb"; }
+
+.fa-location-pin-lock::before {
+  content: "\e51f"; }
+
+.fa-pause::before {
+  content: "\f04c"; }
+
+.fa-hill-avalanche::before {
+  content: "\e507"; }
+
+.fa-temperature-empty::before {
+  content: "\f2cb"; }
+
+.fa-temperature-0::before {
+  content: "\f2cb"; }
+
+.fa-thermometer-0::before {
+  content: "\f2cb"; }
+
+.fa-thermometer-empty::before {
+  content: "\f2cb"; }
+
+.fa-bomb::before {
+  content: "\f1e2"; }
+
+.fa-registered::before {
+  content: "\f25d"; }
+
+.fa-address-card::before {
+  content: "\f2bb"; }
+
+.fa-contact-card::before {
+  content: "\f2bb"; }
+
+.fa-vcard::before {
+  content: "\f2bb"; }
+
+.fa-scale-unbalanced-flip::before {
+  content: "\f516"; }
+
+.fa-balance-scale-right::before {
+  content: "\f516"; }
+
+.fa-subscript::before {
+  content: "\f12c"; }
+
+.fa-diamond-turn-right::before {
+  content: "\f5eb"; }
+
+.fa-directions::before {
+  content: "\f5eb"; }
+
+.fa-burst::before {
+  content: "\e4dc"; }
+
+.fa-house-laptop::before {
+  content: "\e066"; }
+
+.fa-laptop-house::before {
+  content: "\e066"; }
+
+.fa-face-tired::before {
+  content: "\f5c8"; }
+
+.fa-tired::before {
+  content: "\f5c8"; }
+
+.fa-money-bills::before {
+  content: "\e1f3"; }
+
+.fa-smog::before {
+  content: "\f75f"; }
+
+.fa-crutch::before {
+  content: "\f7f7"; }
+
+.fa-cloud-arrow-up::before {
+  content: "\f0ee"; }
+
+.fa-cloud-upload::before {
+  content: "\f0ee"; }
+
+.fa-cloud-upload-alt::before {
+  content: "\f0ee"; }
+
+.fa-palette::before {
+  content: "\f53f"; }
+
+.fa-arrows-turn-right::before {
+  content: "\e4c0"; }
+
+.fa-vest::before {
+  content: "\e085"; }
+
+.fa-ferry::before {
+  content: "\e4ea"; }
+
+.fa-arrows-down-to-people::before {
+  content: "\e4b9"; }
+
+.fa-seedling::before {
+  content: "\f4d8"; }
+
+.fa-sprout::before {
+  content: "\f4d8"; }
+
+.fa-left-right::before {
+  content: "\f337"; }
+
+.fa-arrows-alt-h::before {
+  content: "\f337"; }
+
+.fa-boxes-packing::before {
+  content: "\e4c7"; }
+
+.fa-circle-arrow-left::before {
+  content: "\f0a8"; }
+
+.fa-arrow-circle-left::before {
+  content: "\f0a8"; }
+
+.fa-group-arrows-rotate::before {
+  content: "\e4f6"; }
+
+.fa-bowl-food::before {
+  content: "\e4c6"; }
+
+.fa-candy-cane::before {
+  content: "\f786"; }
+
+.fa-arrow-down-wide-short::before {
+  content: "\f160"; }
+
+.fa-sort-amount-asc::before {
+  content: "\f160"; }
+
+.fa-sort-amount-down::before {
+  content: "\f160"; }
+
+.fa-cloud-bolt::before {
+  content: "\f76c"; }
+
+.fa-thunderstorm::before {
+  content: "\f76c"; }
+
+.fa-text-slash::before {
+  content: "\f87d"; }
+
+.fa-remove-format::before {
+  content: "\f87d"; }
+
+.fa-face-smile-wink::before {
+  content: "\f4da"; }
+
+.fa-smile-wink::before {
+  content: "\f4da"; }
+
+.fa-file-word::before {
+  content: "\f1c2"; }
+
+.fa-file-powerpoint::before {
+  content: "\f1c4"; }
+
+.fa-arrows-left-right::before {
+  content: "\f07e"; }
+
+.fa-arrows-h::before {
+  content: "\f07e"; }
+
+.fa-house-lock::before {
+  content: "\e510"; }
+
+.fa-cloud-arrow-down::before {
+  content: "\f0ed"; }
+
+.fa-cloud-download::before {
+  content: "\f0ed"; }
+
+.fa-cloud-download-alt::before {
+  content: "\f0ed"; }
+
+.fa-children::before {
+  content: "\e4e1"; }
+
+.fa-chalkboard::before {
+  content: "\f51b"; }
+
+.fa-blackboard::before {
+  content: "\f51b"; }
+
+.fa-user-large-slash::before {
+  content: "\f4fa"; }
+
+.fa-user-alt-slash::before {
+  content: "\f4fa"; }
+
+.fa-envelope-open::before {
+  content: "\f2b6"; }
+
+.fa-handshake-simple-slash::before {
+  content: "\e05f"; }
+
+.fa-handshake-alt-slash::before {
+  content: "\e05f"; }
+
+.fa-mattress-pillow::before {
+  content: "\e525"; }
+
+.fa-guarani-sign::before {
+  content: "\e19a"; }
+
+.fa-arrows-rotate::before {
+  content: "\f021"; }
+
+.fa-refresh::before {
+  content: "\f021"; }
+
+.fa-sync::before {
+  content: "\f021"; }
+
+.fa-fire-extinguisher::before {
+  content: "\f134"; }
+
+.fa-cruzeiro-sign::before {
+  content: "\e152"; }
+
+.fa-greater-than-equal::before {
+  content: "\f532"; }
+
+.fa-shield-halved::before {
+  content: "\f3ed"; }
+
+.fa-shield-alt::before {
+  content: "\f3ed"; }
+
+.fa-book-atlas::before {
+  content: "\f558"; }
+
+.fa-atlas::before {
+  content: "\f558"; }
+
+.fa-virus::before {
+  content: "\e074"; }
+
+.fa-envelope-circle-check::before {
+  content: "\e4e8"; }
+
+.fa-layer-group::before {
+  content: "\f5fd"; }
+
+.fa-arrows-to-dot::before {
+  content: "\e4be"; }
+
+.fa-archway::before {
+  content: "\f557"; }
+
+.fa-heart-circle-check::before {
+  content: "\e4fd"; }
+
+.fa-house-chimney-crack::before {
+  content: "\f6f1"; }
+
+.fa-house-damage::before {
+  content: "\f6f1"; }
+
+.fa-file-zipper::before {
+  content: "\f1c6"; }
+
+.fa-file-archive::before {
+  content: "\f1c6"; }
+
+.fa-square::before {
+  content: "\f0c8"; }
+
+.fa-martini-glass-empty::before {
+  content: "\f000"; }
+
+.fa-glass-martini::before {
+  content: "\f000"; }
+
+.fa-couch::before {
+  content: "\f4b8"; }
+
+.fa-cedi-sign::before {
+  content: "\e0df"; }
+
+.fa-italic::before {
+  content: "\f033"; }
+
+.fa-church::before {
+  content: "\f51d"; }
+
+.fa-comments-dollar::before {
+  content: "\f653"; }
+
+.fa-democrat::before {
+  content: "\f747"; }
+
+.fa-z::before {
+  content: "\5a"; }
+
+.fa-person-skiing::before {
+  content: "\f7c9"; }
+
+.fa-skiing::before {
+  content: "\f7c9"; }
+
+.fa-road-lock::before {
+  content: "\e567"; }
+
+.fa-a::before {
+  content: "\41"; }
+
+.fa-temperature-arrow-down::before {
+  content: "\e03f"; }
+
+.fa-temperature-down::before {
+  content: "\e03f"; }
+
+.fa-feather-pointed::before {
+  content: "\f56b"; }
+
+.fa-feather-alt::before {
+  content: "\f56b"; }
+
+.fa-p::before {
+  content: "\50"; }
+
+.fa-snowflake::before {
+  content: "\f2dc"; }
+
+.fa-newspaper::before {
+  content: "\f1ea"; }
+
+.fa-rectangle-ad::before {
+  content: "\f641"; }
+
+.fa-ad::before {
+  content: "\f641"; }
+
+.fa-circle-arrow-right::before {
+  content: "\f0a9"; }
+
+.fa-arrow-circle-right::before {
+  content: "\f0a9"; }
+
+.fa-filter-circle-xmark::before {
+  content: "\e17b"; }
+
+.fa-locust::before {
+  content: "\e520"; }
+
+.fa-sort::before {
+  content: "\f0dc"; }
+
+.fa-unsorted::before {
+  content: "\f0dc"; }
+
+.fa-list-ol::before {
+  content: "\f0cb"; }
+
+.fa-list-1-2::before {
+  content: "\f0cb"; }
+
+.fa-list-numeric::before {
+  content: "\f0cb"; }
+
+.fa-person-dress-burst::before {
+  content: "\e544"; }
+
+.fa-money-check-dollar::before {
+  content: "\f53d"; }
+
+.fa-money-check-alt::before {
+  content: "\f53d"; }
+
+.fa-vector-square::before {
+  content: "\f5cb"; }
+
+.fa-bread-slice::before {
+  content: "\f7ec"; }
+
+.fa-language::before {
+  content: "\f1ab"; }
+
+.fa-face-kiss-wink-heart::before {
+  content: "\f598"; }
+
+.fa-kiss-wink-heart::before {
+  content: "\f598"; }
+
+.fa-filter::before {
+  content: "\f0b0"; }
+
+.fa-question::before {
+  content: "\3f"; }
+
+.fa-file-signature::before {
+  content: "\f573"; }
+
+.fa-up-down-left-right::before {
+  content: "\f0b2"; }
+
+.fa-arrows-alt::before {
+  content: "\f0b2"; }
+
+.fa-house-chimney-user::before {
+  content: "\e065"; }
+
+.fa-hand-holding-heart::before {
+  content: "\f4be"; }
+
+.fa-puzzle-piece::before {
+  content: "\f12e"; }
+
+.fa-money-check::before {
+  content: "\f53c"; }
+
+.fa-star-half-stroke::before {
+  content: "\f5c0"; }
+
+.fa-star-half-alt::before {
+  content: "\f5c0"; }
+
+.fa-code::before {
+  content: "\f121"; }
+
+.fa-whiskey-glass::before {
+  content: "\f7a0"; }
+
+.fa-glass-whiskey::before {
+  content: "\f7a0"; }
+
+.fa-building-circle-exclamation::before {
+  content: "\e4d3"; }
+
+.fa-magnifying-glass-chart::before {
+  content: "\e522"; }
+
+.fa-arrow-up-right-from-square::before {
+  content: "\f08e"; }
+
+.fa-external-link::before {
+  content: "\f08e"; }
+
+.fa-cubes-stacked::before {
+  content: "\e4e6"; }
+
+.fa-won-sign::before {
+  content: "\f159"; }
+
+.fa-krw::before {
+  content: "\f159"; }
+
+.fa-won::before {
+  content: "\f159"; }
+
+.fa-virus-covid::before {
+  content: "\e4a8"; }
+
+.fa-austral-sign::before {
+  content: "\e0a9"; }
+
+.fa-f::before {
+  content: "\46"; }
+
+.fa-leaf::before {
+  content: "\f06c"; }
+
+.fa-road::before {
+  content: "\f018"; }
+
+.fa-taxi::before {
+  content: "\f1ba"; }
+
+.fa-cab::before {
+  content: "\f1ba"; }
+
+.fa-person-circle-plus::before {
+  content: "\e541"; }
+
+.fa-chart-pie::before {
+  content: "\f200"; }
+
+.fa-pie-chart::before {
+  content: "\f200"; }
+
+.fa-bolt-lightning::before {
+  content: "\e0b7"; }
+
+.fa-sack-xmark::before {
+  content: "\e56a"; }
+
+.fa-file-excel::before {
+  content: "\f1c3"; }
+
+.fa-file-contract::before {
+  content: "\f56c"; }
+
+.fa-fish-fins::before {
+  content: "\e4f2"; }
+
+.fa-building-flag::before {
+  content: "\e4d5"; }
+
+.fa-face-grin-beam::before {
+  content: "\f582"; }
+
+.fa-grin-beam::before {
+  content: "\f582"; }
+
+.fa-object-ungroup::before {
+  content: "\f248"; }
+
+.fa-poop::before {
+  content: "\f619"; }
+
+.fa-location-pin::before {
+  content: "\f041"; }
+
+.fa-map-marker::before {
+  content: "\f041"; }
+
+.fa-kaaba::before {
+  content: "\f66b"; }
+
+.fa-toilet-paper::before {
+  content: "\f71e"; }
+
+.fa-helmet-safety::before {
+  content: "\f807"; }
+
+.fa-hard-hat::before {
+  content: "\f807"; }
+
+.fa-hat-hard::before {
+  content: "\f807"; }
+
+.fa-eject::before {
+  content: "\f052"; }
+
+.fa-circle-right::before {
+  content: "\f35a"; }
+
+.fa-arrow-alt-circle-right::before {
+  content: "\f35a"; }
+
+.fa-plane-circle-check::before {
+  content: "\e555"; }
+
+.fa-face-rolling-eyes::before {
+  content: "\f5a5"; }
+
+.fa-meh-rolling-eyes::before {
+  content: "\f5a5"; }
+
+.fa-object-group::before {
+  content: "\f247"; }
+
+.fa-chart-line::before {
+  content: "\f201"; }
+
+.fa-line-chart::before {
+  content: "\f201"; }
+
+.fa-mask-ventilator::before {
+  content: "\e524"; }
+
+.fa-arrow-right::before {
+  content: "\f061"; }
+
+.fa-signs-post::before {
+  content: "\f277"; }
+
+.fa-map-signs::before {
+  content: "\f277"; }
+
+.fa-cash-register::before {
+  content: "\f788"; }
+
+.fa-person-circle-question::before {
+  content: "\e542"; }
+
+.fa-h::before {
+  content: "\48"; }
+
+.fa-tarp::before {
+  content: "\e57b"; }
+
+.fa-screwdriver-wrench::before {
+  content: "\f7d9"; }
+
+.fa-tools::before {
+  content: "\f7d9"; }
+
+.fa-arrows-to-eye::before {
+  content: "\e4bf"; }
+
+.fa-plug-circle-bolt::before {
+  content: "\e55b"; }
+
+.fa-heart::before {
+  content: "\f004"; }
+
+.fa-mars-and-venus::before {
+  content: "\f224"; }
+
+.fa-house-user::before {
+  content: "\e1b0"; }
+
+.fa-home-user::before {
+  content: "\e1b0"; }
+
+.fa-dumpster-fire::before {
+  content: "\f794"; }
+
+.fa-house-crack::before {
+  content: "\e3b1"; }
+
+.fa-martini-glass-citrus::before {
+  content: "\f561"; }
+
+.fa-cocktail::before {
+  content: "\f561"; }
+
+.fa-face-surprise::before {
+  content: "\f5c2"; }
+
+.fa-surprise::before {
+  content: "\f5c2"; }
+
+.fa-bottle-water::before {
+  content: "\e4c5"; }
+
+.fa-circle-pause::before {
+  content: "\f28b"; }
+
+.fa-pause-circle::before {
+  content: "\f28b"; }
+
+.fa-toilet-paper-slash::before {
+  content: "\e072"; }
+
+.fa-apple-whole::before {
+  content: "\f5d1"; }
+
+.fa-apple-alt::before {
+  content: "\f5d1"; }
+
+.fa-kitchen-set::before {
+  content: "\e51a"; }
+
+.fa-r::before {
+  content: "\52"; }
+
+.fa-temperature-quarter::before {
+  content: "\f2ca"; }
+
+.fa-temperature-1::before {
+  content: "\f2ca"; }
+
+.fa-thermometer-1::before {
+  content: "\f2ca"; }
+
+.fa-thermometer-quarter::before {
+  content: "\f2ca"; }
+
+.fa-cube::before {
+  content: "\f1b2"; }
+
+.fa-bitcoin-sign::before {
+  content: "\e0b4"; }
+
+.fa-shield-dog::before {
+  content: "\e573"; }
+
+.fa-solar-panel::before {
+  content: "\f5ba"; }
+
+.fa-lock-open::before {
+  content: "\f3c1"; }
+
+.fa-elevator::before {
+  content: "\e16d"; }
+
+.fa-money-bill-transfer::before {
+  content: "\e528"; }
+
+.fa-money-bill-trend-up::before {
+  content: "\e529"; }
+
+.fa-house-flood-water-circle-arrow-right::before {
+  content: "\e50f"; }
+
+.fa-square-poll-horizontal::before {
+  content: "\f682"; }
+
+.fa-poll-h::before {
+  content: "\f682"; }
+
+.fa-circle::before {
+  content: "\f111"; }
+
+.fa-backward-fast::before {
+  content: "\f049"; }
+
+.fa-fast-backward::before {
+  content: "\f049"; }
+
+.fa-recycle::before {
+  content: "\f1b8"; }
+
+.fa-user-astronaut::before {
+  content: "\f4fb"; }
+
+.fa-plane-slash::before {
+  content: "\e069"; }
+
+.fa-trademark::before {
+  content: "\f25c"; }
+
+.fa-basketball::before {
+  content: "\f434"; }
+
+.fa-basketball-ball::before {
+  content: "\f434"; }
+
+.fa-satellite-dish::before {
+  content: "\f7c0"; }
+
+.fa-circle-up::before {
+  content: "\f35b"; }
+
+.fa-arrow-alt-circle-up::before {
+  content: "\f35b"; }
+
+.fa-mobile-screen-button::before {
+  content: "\f3cd"; }
+
+.fa-mobile-alt::before {
+  content: "\f3cd"; }
+
+.fa-volume-high::before {
+  content: "\f028"; }
+
+.fa-volume-up::before {
+  content: "\f028"; }
+
+.fa-users-rays::before {
+  content: "\e593"; }
+
+.fa-wallet::before {
+  content: "\f555"; }
+
+.fa-clipboard-check::before {
+  content: "\f46c"; }
+
+.fa-file-audio::before {
+  content: "\f1c7"; }
+
+.fa-burger::before {
+  content: "\f805"; }
+
+.fa-hamburger::before {
+  content: "\f805"; }
+
+.fa-wrench::before {
+  content: "\f0ad"; }
+
+.fa-bugs::before {
+  content: "\e4d0"; }
+
+.fa-rupee-sign::before {
+  content: "\f156"; }
+
+.fa-rupee::before {
+  content: "\f156"; }
+
+.fa-file-image::before {
+  content: "\f1c5"; }
+
+.fa-circle-question::before {
+  content: "\f059"; }
+
+.fa-question-circle::before {
+  content: "\f059"; }
+
+.fa-plane-departure::before {
+  content: "\f5b0"; }
+
+.fa-handshake-slash::before {
+  content: "\e060"; }
+
+.fa-book-bookmark::before {
+  content: "\e0bb"; }
+
+.fa-code-branch::before {
+  content: "\f126"; }
+
+.fa-hat-cowboy::before {
+  content: "\f8c0"; }
+
+.fa-bridge::before {
+  content: "\e4c8"; }
+
+.fa-phone-flip::before {
+  content: "\f879"; }
+
+.fa-phone-alt::before {
+  content: "\f879"; }
+
+.fa-truck-front::before {
+  content: "\e2b7"; }
+
+.fa-cat::before {
+  content: "\f6be"; }
+
+.fa-anchor-circle-exclamation::before {
+  content: "\e4ab"; }
+
+.fa-truck-field::before {
+  content: "\e58d"; }
+
+.fa-route::before {
+  content: "\f4d7"; }
+
+.fa-clipboard-question::before {
+  content: "\e4e3"; }
+
+.fa-panorama::before {
+  content: "\e209"; }
+
+.fa-comment-medical::before {
+  content: "\f7f5"; }
+
+.fa-teeth-open::before {
+  content: "\f62f"; }
+
+.fa-file-circle-minus::before {
+  content: "\e4ed"; }
+
+.fa-tags::before {
+  content: "\f02c"; }
+
+.fa-wine-glass::before {
+  content: "\f4e3"; }
+
+.fa-forward-fast::before {
+  content: "\f050"; }
+
+.fa-fast-forward::before {
+  content: "\f050"; }
+
+.fa-face-meh-blank::before {
+  content: "\f5a4"; }
+
+.fa-meh-blank::before {
+  content: "\f5a4"; }
+
+.fa-square-parking::before {
+  content: "\f540"; }
+
+.fa-parking::before {
+  content: "\f540"; }
+
+.fa-house-signal::before {
+  content: "\e012"; }
+
+.fa-bars-progress::before {
+  content: "\f828"; }
+
+.fa-tasks-alt::before {
+  content: "\f828"; }
+
+.fa-faucet-drip::before {
+  content: "\e006"; }
+
+.fa-cart-flatbed::before {
+  content: "\f474"; }
+
+.fa-dolly-flatbed::before {
+  content: "\f474"; }
+
+.fa-ban-smoking::before {
+  content: "\f54d"; }
+
+.fa-smoking-ban::before {
+  content: "\f54d"; }
+
+.fa-terminal::before {
+  content: "\f120"; }
+
+.fa-mobile-button::before {
+  content: "\f10b"; }
+
+.fa-house-medical-flag::before {
+  content: "\e514"; }
+
+.fa-basket-shopping::before {
+  content: "\f291"; }
+
+.fa-shopping-basket::before {
+  content: "\f291"; }
+
+.fa-tape::before {
+  content: "\f4db"; }
+
+.fa-bus-simple::before {
+  content: "\f55e"; }
+
+.fa-bus-alt::before {
+  content: "\f55e"; }
+
+.fa-eye::before {
+  content: "\f06e"; }
+
+.fa-face-sad-cry::before {
+  content: "\f5b3"; }
+
+.fa-sad-cry::before {
+  content: "\f5b3"; }
+
+.fa-audio-description::before {
+  content: "\f29e"; }
+
+.fa-person-military-to-person::before {
+  content: "\e54c"; }
+
+.fa-file-shield::before {
+  content: "\e4f0"; }
+
+.fa-user-slash::before {
+  content: "\f506"; }
+
+.fa-pen::before {
+  content: "\f304"; }
+
+.fa-tower-observation::before {
+  content: "\e586"; }
+
+.fa-file-code::before {
+  content: "\f1c9"; }
+
+.fa-signal::before {
+  content: "\f012"; }
+
+.fa-signal-5::before {
+  content: "\f012"; }
+
+.fa-signal-perfect::before {
+  content: "\f012"; }
+
+.fa-bus::before {
+  content: "\f207"; }
+
+.fa-heart-circle-xmark::before {
+  content: "\e501"; }
+
+.fa-house-chimney::before {
+  content: "\e3af"; }
+
+.fa-home-lg::before {
+  content: "\e3af"; }
+
+.fa-window-maximize::before {
+  content: "\f2d0"; }
+
+.fa-face-frown::before {
+  content: "\f119"; }
+
+.fa-frown::before {
+  content: "\f119"; }
+
+.fa-prescription::before {
+  content: "\f5b1"; }
+
+.fa-shop::before {
+  content: "\f54f"; }
+
+.fa-store-alt::before {
+  content: "\f54f"; }
+
+.fa-floppy-disk::before {
+  content: "\f0c7"; }
+
+.fa-save::before {
+  content: "\f0c7"; }
+
+.fa-vihara::before {
+  content: "\f6a7"; }
+
+.fa-scale-unbalanced::before {
+  content: "\f515"; }
+
+.fa-balance-scale-left::before {
+  content: "\f515"; }
+
+.fa-sort-up::before {
+  content: "\f0de"; }
+
+.fa-sort-asc::before {
+  content: "\f0de"; }
+
+.fa-comment-dots::before {
+  content: "\f4ad"; }
+
+.fa-commenting::before {
+  content: "\f4ad"; }
+
+.fa-plant-wilt::before {
+  content: "\e5aa"; }
+
+.fa-diamond::before {
+  content: "\f219"; }
+
+.fa-face-grin-squint::before {
+  content: "\f585"; }
+
+.fa-grin-squint::before {
+  content: "\f585"; }
+
+.fa-hand-holding-dollar::before {
+  content: "\f4c0"; }
+
+.fa-hand-holding-usd::before {
+  content: "\f4c0"; }
+
+.fa-bacterium::before {
+  content: "\e05a"; }
+
+.fa-hand-pointer::before {
+  content: "\f25a"; }
+
+.fa-drum-steelpan::before {
+  content: "\f56a"; }
+
+.fa-hand-scissors::before {
+  content: "\f257"; }
+
+.fa-hands-praying::before {
+  content: "\f684"; }
+
+.fa-praying-hands::before {
+  content: "\f684"; }
+
+.fa-arrow-rotate-right::before {
+  content: "\f01e"; }
+
+.fa-arrow-right-rotate::before {
+  content: "\f01e"; }
+
+.fa-arrow-rotate-forward::before {
+  content: "\f01e"; }
+
+.fa-redo::before {
+  content: "\f01e"; }
+
+.fa-biohazard::before {
+  content: "\f780"; }
+
+.fa-location-crosshairs::before {
+  content: "\f601"; }
+
+.fa-location::before {
+  content: "\f601"; }
+
+.fa-mars-double::before {
+  content: "\f227"; }
+
+.fa-child-dress::before {
+  content: "\e59c"; }
+
+.fa-users-between-lines::before {
+  content: "\e591"; }
+
+.fa-lungs-virus::before {
+  content: "\e067"; }
+
+.fa-face-grin-tears::before {
+  content: "\f588"; }
+
+.fa-grin-tears::before {
+  content: "\f588"; }
+
+.fa-phone::before {
+  content: "\f095"; }
+
+.fa-calendar-xmark::before {
+  content: "\f273"; }
+
+.fa-calendar-times::before {
+  content: "\f273"; }
+
+.fa-child-reaching::before {
+  content: "\e59d"; }
+
+.fa-head-side-virus::before {
+  content: "\e064"; }
+
+.fa-user-gear::before {
+  content: "\f4fe"; }
+
+.fa-user-cog::before {
+  content: "\f4fe"; }
+
+.fa-arrow-up-1-9::before {
+  content: "\f163"; }
+
+.fa-sort-numeric-up::before {
+  content: "\f163"; }
+
+.fa-door-closed::before {
+  content: "\f52a"; }
+
+.fa-shield-virus::before {
+  content: "\e06c"; }
+
+.fa-dice-six::before {
+  content: "\f526"; }
+
+.fa-mosquito-net::before {
+  content: "\e52c"; }
+
+.fa-bridge-water::before {
+  content: "\e4ce"; }
+
+.fa-person-booth::before {
+  content: "\f756"; }
+
+.fa-text-width::before {
+  content: "\f035"; }
+
+.fa-hat-wizard::before {
+  content: "\f6e8"; }
+
+.fa-pen-fancy::before {
+  content: "\f5ac"; }
+
+.fa-person-digging::before {
+  content: "\f85e"; }
+
+.fa-digging::before {
+  content: "\f85e"; }
+
+.fa-trash::before {
+  content: "\f1f8"; }
+
+.fa-gauge-simple::before {
+  content: "\f629"; }
+
+.fa-gauge-simple-med::before {
+  content: "\f629"; }
+
+.fa-tachometer-average::before {
+  content: "\f629"; }
+
+.fa-book-medical::before {
+  content: "\f7e6"; }
+
+.fa-poo::before {
+  content: "\f2fe"; }
+
+.fa-quote-right::before {
+  content: "\f10e"; }
+
+.fa-quote-right-alt::before {
+  content: "\f10e"; }
+
+.fa-shirt::before {
+  content: "\f553"; }
+
+.fa-t-shirt::before {
+  content: "\f553"; }
+
+.fa-tshirt::before {
+  content: "\f553"; }
+
+.fa-cubes::before {
+  content: "\f1b3"; }
+
+.fa-divide::before {
+  content: "\f529"; }
+
+.fa-tenge-sign::before {
+  content: "\f7d7"; }
+
+.fa-tenge::before {
+  content: "\f7d7"; }
+
+.fa-headphones::before {
+  content: "\f025"; }
+
+.fa-hands-holding::before {
+  content: "\f4c2"; }
+
+.fa-hands-clapping::before {
+  content: "\e1a8"; }
+
+.fa-republican::before {
+  content: "\f75e"; }
+
+.fa-arrow-left::before {
+  content: "\f060"; }
+
+.fa-person-circle-xmark::before {
+  content: "\e543"; }
+
+.fa-ruler::before {
+  content: "\f545"; }
+
+.fa-align-left::before {
+  content: "\f036"; }
+
+.fa-dice-d6::before {
+  content: "\f6d1"; }
+
+.fa-restroom::before {
+  content: "\f7bd"; }
+
+.fa-j::before {
+  content: "\4a"; }
+
+.fa-users-viewfinder::before {
+  content: "\e595"; }
+
+.fa-file-video::before {
+  content: "\f1c8"; }
+
+.fa-up-right-from-square::before {
+  content: "\f35d"; }
+
+.fa-external-link-alt::before {
+  content: "\f35d"; }
+
+.fa-table-cells::before {
+  content: "\f00a"; }
+
+.fa-th::before {
+  content: "\f00a"; }
+
+.fa-file-pdf::before {
+  content: "\f1c1"; }
+
+.fa-book-bible::before {
+  content: "\f647"; }
+
+.fa-bible::before {
+  content: "\f647"; }
+
+.fa-o::before {
+  content: "\4f"; }
+
+.fa-suitcase-medical::before {
+  content: "\f0fa"; }
+
+.fa-medkit::before {
+  content: "\f0fa"; }
+
+.fa-user-secret::before {
+  content: "\f21b"; }
+
+.fa-otter::before {
+  content: "\f700"; }
+
+.fa-person-dress::before {
+  content: "\f182"; }
+
+.fa-female::before {
+  content: "\f182"; }
+
+.fa-comment-dollar::before {
+  content: "\f651"; }
+
+.fa-business-time::before {
+  content: "\f64a"; }
+
+.fa-briefcase-clock::before {
+  content: "\f64a"; }
+
+.fa-table-cells-large::before {
+  content: "\f009"; }
+
+.fa-th-large::before {
+  content: "\f009"; }
+
+.fa-book-tanakh::before {
+  content: "\f827"; }
+
+.fa-tanakh::before {
+  content: "\f827"; }
+
+.fa-phone-volume::before {
+  content: "\f2a0"; }
+
+.fa-volume-control-phone::before {
+  content: "\f2a0"; }
+
+.fa-hat-cowboy-side::before {
+  content: "\f8c1"; }
+
+.fa-clipboard-user::before {
+  content: "\f7f3"; }
+
+.fa-child::before {
+  content: "\f1ae"; }
+
+.fa-lira-sign::before {
+  content: "\f195"; }
+
+.fa-satellite::before {
+  content: "\f7bf"; }
+
+.fa-plane-lock::before {
+  content: "\e558"; }
+
+.fa-tag::before {
+  content: "\f02b"; }
+
+.fa-comment::before {
+  content: "\f075"; }
+
+.fa-cake-candles::before {
+  content: "\f1fd"; }
+
+.fa-birthday-cake::before {
+  content: "\f1fd"; }
+
+.fa-cake::before {
+  content: "\f1fd"; }
+
+.fa-envelope::before {
+  content: "\f0e0"; }
+
+.fa-angles-up::before {
+  content: "\f102"; }
+
+.fa-angle-double-up::before {
+  content: "\f102"; }
+
+.fa-paperclip::before {
+  content: "\f0c6"; }
+
+.fa-arrow-right-to-city::before {
+  content: "\e4b3"; }
+
+.fa-ribbon::before {
+  content: "\f4d6"; }
+
+.fa-lungs::before {
+  content: "\f604"; }
+
+.fa-arrow-up-9-1::before {
+  content: "\f887"; }
+
+.fa-sort-numeric-up-alt::before {
+  content: "\f887"; }
+
+.fa-litecoin-sign::before {
+  content: "\e1d3"; }
+
+.fa-border-none::before {
+  content: "\f850"; }
+
+.fa-circle-nodes::before {
+  content: "\e4e2"; }
+
+.fa-parachute-box::before {
+  content: "\f4cd"; }
+
+.fa-indent::before {
+  content: "\f03c"; }
+
+.fa-truck-field-un::before {
+  content: "\e58e"; }
+
+.fa-hourglass::before {
+  content: "\f254"; }
+
+.fa-hourglass-empty::before {
+  content: "\f254"; }
+
+.fa-mountain::before {
+  content: "\f6fc"; }
+
+.fa-user-doctor::before {
+  content: "\f0f0"; }
+
+.fa-user-md::before {
+  content: "\f0f0"; }
+
+.fa-circle-info::before {
+  content: "\f05a"; }
+
+.fa-info-circle::before {
+  content: "\f05a"; }
+
+.fa-cloud-meatball::before {
+  content: "\f73b"; }
+
+.fa-camera::before {
+  content: "\f030"; }
+
+.fa-camera-alt::before {
+  content: "\f030"; }
+
+.fa-square-virus::before {
+  content: "\e578"; }
+
+.fa-meteor::before {
+  content: "\f753"; }
+
+.fa-car-on::before {
+  content: "\e4dd"; }
+
+.fa-sleigh::before {
+  content: "\f7cc"; }
+
+.fa-arrow-down-1-9::before {
+  content: "\f162"; }
+
+.fa-sort-numeric-asc::before {
+  content: "\f162"; }
+
+.fa-sort-numeric-down::before {
+  content: "\f162"; }
+
+.fa-hand-holding-droplet::before {
+  content: "\f4c1"; }
+
+.fa-hand-holding-water::before {
+  content: "\f4c1"; }
+
+.fa-water::before {
+  content: "\f773"; }
+
+.fa-calendar-check::before {
+  content: "\f274"; }
+
+.fa-braille::before {
+  content: "\f2a1"; }
+
+.fa-prescription-bottle-medical::before {
+  content: "\f486"; }
+
+.fa-prescription-bottle-alt::before {
+  content: "\f486"; }
+
+.fa-landmark::before {
+  content: "\f66f"; }
+
+.fa-truck::before {
+  content: "\f0d1"; }
+
+.fa-crosshairs::before {
+  content: "\f05b"; }
+
+.fa-person-cane::before {
+  content: "\e53c"; }
+
+.fa-tent::before {
+  content: "\e57d"; }
+
+.fa-vest-patches::before {
+  content: "\e086"; }
+
+.fa-check-double::before {
+  content: "\f560"; }
+
+.fa-arrow-down-a-z::before {
+  content: "\f15d"; }
+
+.fa-sort-alpha-asc::before {
+  content: "\f15d"; }
+
+.fa-sort-alpha-down::before {
+  content: "\f15d"; }
+
+.fa-money-bill-wheat::before {
+  content: "\e52a"; }
+
+.fa-cookie::before {
+  content: "\f563"; }
+
+.fa-arrow-rotate-left::before {
+  content: "\f0e2"; }
+
+.fa-arrow-left-rotate::before {
+  content: "\f0e2"; }
+
+.fa-arrow-rotate-back::before {
+  content: "\f0e2"; }
+
+.fa-arrow-rotate-backward::before {
+  content: "\f0e2"; }
+
+.fa-undo::before {
+  content: "\f0e2"; }
+
+.fa-hard-drive::before {
+  content: "\f0a0"; }
+
+.fa-hdd::before {
+  content: "\f0a0"; }
+
+.fa-face-grin-squint-tears::before {
+  content: "\f586"; }
+
+.fa-grin-squint-tears::before {
+  content: "\f586"; }
+
+.fa-dumbbell::before {
+  content: "\f44b"; }
+
+.fa-rectangle-list::before {
+  content: "\f022"; }
+
+.fa-list-alt::before {
+  content: "\f022"; }
+
+.fa-tarp-droplet::before {
+  content: "\e57c"; }
+
+.fa-house-medical-circle-check::before {
+  content: "\e511"; }
+
+.fa-person-skiing-nordic::before {
+  content: "\f7ca"; }
+
+.fa-skiing-nordic::before {
+  content: "\f7ca"; }
+
+.fa-calendar-plus::before {
+  content: "\f271"; }
+
+.fa-plane-arrival::before {
+  content: "\f5af"; }
+
+.fa-circle-left::before {
+  content: "\f359"; }
+
+.fa-arrow-alt-circle-left::before {
+  content: "\f359"; }
+
+.fa-train-subway::before {
+  content: "\f239"; }
+
+.fa-subway::before {
+  content: "\f239"; }
+
+.fa-chart-gantt::before {
+  content: "\e0e4"; }
+
+.fa-indian-rupee-sign::before {
+  content: "\e1bc"; }
+
+.fa-indian-rupee::before {
+  content: "\e1bc"; }
+
+.fa-inr::before {
+  content: "\e1bc"; }
+
+.fa-crop-simple::before {
+  content: "\f565"; }
+
+.fa-crop-alt::before {
+  content: "\f565"; }
+
+.fa-money-bill-1::before {
+  content: "\f3d1"; }
+
+.fa-money-bill-alt::before {
+  content: "\f3d1"; }
+
+.fa-left-long::before {
+  content: "\f30a"; }
+
+.fa-long-arrow-alt-left::before {
+  content: "\f30a"; }
+
+.fa-dna::before {
+  content: "\f471"; }
+
+.fa-virus-slash::before {
+  content: "\e075"; }
+
+.fa-minus::before {
+  content: "\f068"; }
+
+.fa-subtract::before {
+  content: "\f068"; }
+
+.fa-chess::before {
+  content: "\f439"; }
+
+.fa-arrow-left-long::before {
+  content: "\f177"; }
+
+.fa-long-arrow-left::before {
+  content: "\f177"; }
+
+.fa-plug-circle-check::before {
+  content: "\e55c"; }
+
+.fa-street-view::before {
+  content: "\f21d"; }
+
+.fa-franc-sign::before {
+  content: "\e18f"; }
+
+.fa-volume-off::before {
+  content: "\f026"; }
+
+.fa-hands-asl-interpreting::before {
+  content: "\f2a3"; }
+
+.fa-american-sign-language-interpreting::before {
+  content: "\f2a3"; }
+
+.fa-asl-interpreting::before {
+  content: "\f2a3"; }
+
+.fa-hands-american-sign-language-interpreting::before {
+  content: "\f2a3"; }
+
+.fa-gear::before {
+  content: "\f013"; }
+
+.fa-cog::before {
+  content: "\f013"; }
+
+.fa-droplet-slash::before {
+  content: "\f5c7"; }
+
+.fa-tint-slash::before {
+  content: "\f5c7"; }
+
+.fa-mosque::before {
+  content: "\f678"; }
+
+.fa-mosquito::before {
+  content: "\e52b"; }
+
+.fa-star-of-david::before {
+  content: "\f69a"; }
+
+.fa-person-military-rifle::before {
+  content: "\e54b"; }
+
+.fa-cart-shopping::before {
+  content: "\f07a"; }
+
+.fa-shopping-cart::before {
+  content: "\f07a"; }
+
+.fa-vials::before {
+  content: "\f493"; }
+
+.fa-plug-circle-plus::before {
+  content: "\e55f"; }
+
+.fa-place-of-worship::before {
+  content: "\f67f"; }
+
+.fa-grip-vertical::before {
+  content: "\f58e"; }
+
+.fa-arrow-turn-up::before {
+  content: "\f148"; }
+
+.fa-level-up::before {
+  content: "\f148"; }
+
+.fa-u::before {
+  content: "\55"; }
+
+.fa-square-root-variable::before {
+  content: "\f698"; }
+
+.fa-square-root-alt::before {
+  content: "\f698"; }
+
+.fa-clock::before {
+  content: "\f017"; }
+
+.fa-clock-four::before {
+  content: "\f017"; }
+
+.fa-backward-step::before {
+  content: "\f048"; }
+
+.fa-step-backward::before {
+  content: "\f048"; }
+
+.fa-pallet::before {
+  content: "\f482"; }
+
+.fa-faucet::before {
+  content: "\e005"; }
+
+.fa-baseball-bat-ball::before {
+  content: "\f432"; }
+
+.fa-s::before {
+  content: "\53"; }
+
+.fa-timeline::before {
+  content: "\e29c"; }
+
+.fa-keyboard::before {
+  content: "\f11c"; }
+
+.fa-caret-down::before {
+  content: "\f0d7"; }
+
+.fa-house-chimney-medical::before {
+  content: "\f7f2"; }
+
+.fa-clinic-medical::before {
+  content: "\f7f2"; }
+
+.fa-temperature-three-quarters::before {
+  content: "\f2c8"; }
+
+.fa-temperature-3::before {
+  content: "\f2c8"; }
+
+.fa-thermometer-3::before {
+  content: "\f2c8"; }
+
+.fa-thermometer-three-quarters::before {
+  content: "\f2c8"; }
+
+.fa-mobile-screen::before {
+  content: "\f3cf"; }
+
+.fa-mobile-android-alt::before {
+  content: "\f3cf"; }
+
+.fa-plane-up::before {
+  content: "\e22d"; }
+
+.fa-piggy-bank::before {
+  content: "\f4d3"; }
+
+.fa-battery-half::before {
+  content: "\f242"; }
+
+.fa-battery-3::before {
+  content: "\f242"; }
+
+.fa-mountain-city::before {
+  content: "\e52e"; }
+
+.fa-coins::before {
+  content: "\f51e"; }
+
+.fa-khanda::before {
+  content: "\f66d"; }
+
+.fa-sliders::before {
+  content: "\f1de"; }
+
+.fa-sliders-h::before {
+  content: "\f1de"; }
+
+.fa-folder-tree::before {
+  content: "\f802"; }
+
+.fa-network-wired::before {
+  content: "\f6ff"; }
+
+.fa-map-pin::before {
+  content: "\f276"; }
+
+.fa-hamsa::before {
+  content: "\f665"; }
+
+.fa-cent-sign::before {
+  content: "\e3f5"; }
+
+.fa-flask::before {
+  content: "\f0c3"; }
+
+.fa-person-pregnant::before {
+  content: "\e31e"; }
+
+.fa-wand-sparkles::before {
+  content: "\f72b"; }
+
+.fa-ellipsis-vertical::before {
+  content: "\f142"; }
+
+.fa-ellipsis-v::before {
+  content: "\f142"; }
+
+.fa-ticket::before {
+  content: "\f145"; }
+
+.fa-power-off::before {
+  content: "\f011"; }
+
+.fa-right-long::before {
+  content: "\f30b"; }
+
+.fa-long-arrow-alt-right::before {
+  content: "\f30b"; }
+
+.fa-flag-usa::before {
+  content: "\f74d"; }
+
+.fa-laptop-file::before {
+  content: "\e51d"; }
+
+.fa-tty::before {
+  content: "\f1e4"; }
+
+.fa-teletype::before {
+  content: "\f1e4"; }
+
+.fa-diagram-next::before {
+  content: "\e476"; }
+
+.fa-person-rifle::before {
+  content: "\e54e"; }
+
+.fa-house-medical-circle-exclamation::before {
+  content: "\e512"; }
+
+.fa-closed-captioning::before {
+  content: "\f20a"; }
+
+.fa-person-hiking::before {
+  content: "\f6ec"; }
+
+.fa-hiking::before {
+  content: "\f6ec"; }
+
+.fa-venus-double::before {
+  content: "\f226"; }
+
+.fa-images::before {
+  content: "\f302"; }
+
+.fa-calculator::before {
+  content: "\f1ec"; }
+
+.fa-people-pulling::before {
+  content: "\e535"; }
+
+.fa-n::before {
+  content: "\4e"; }
+
+.fa-cable-car::before {
+  content: "\f7da"; }
+
+.fa-tram::before {
+  content: "\f7da"; }
+
+.fa-cloud-rain::before {
+  content: "\f73d"; }
+
+.fa-building-circle-xmark::before {
+  content: "\e4d4"; }
+
+.fa-ship::before {
+  content: "\f21a"; }
+
+.fa-arrows-down-to-line::before {
+  content: "\e4b8"; }
+
+.fa-download::before {
+  content: "\f019"; }
+
+.fa-face-grin::before {
+  content: "\f580"; }
+
+.fa-grin::before {
+  content: "\f580"; }
+
+.fa-delete-left::before {
+  content: "\f55a"; }
+
+.fa-backspace::before {
+  content: "\f55a"; }
+
+.fa-eye-dropper::before {
+  content: "\f1fb"; }
+
+.fa-eye-dropper-empty::before {
+  content: "\f1fb"; }
+
+.fa-eyedropper::before {
+  content: "\f1fb"; }
+
+.fa-file-circle-check::before {
+  content: "\e5a0"; }
+
+.fa-forward::before {
+  content: "\f04e"; }
+
+.fa-mobile::before {
+  content: "\f3ce"; }
+
+.fa-mobile-android::before {
+  content: "\f3ce"; }
+
+.fa-mobile-phone::before {
+  content: "\f3ce"; }
+
+.fa-face-meh::before {
+  content: "\f11a"; }
+
+.fa-meh::before {
+  content: "\f11a"; }
+
+.fa-align-center::before {
+  content: "\f037"; }
+
+.fa-book-skull::before {
+  content: "\f6b7"; }
+
+.fa-book-dead::before {
+  content: "\f6b7"; }
+
+.fa-id-card::before {
+  content: "\f2c2"; }
+
+.fa-drivers-license::before {
+  content: "\f2c2"; }
+
+.fa-outdent::before {
+  content: "\f03b"; }
+
+.fa-dedent::before {
+  content: "\f03b"; }
+
+.fa-heart-circle-exclamation::before {
+  content: "\e4fe"; }
+
+.fa-house::before {
+  content: "\f015"; }
+
+.fa-home::before {
+  content: "\f015"; }
+
+.fa-home-alt::before {
+  content: "\f015"; }
+
+.fa-home-lg-alt::before {
+  content: "\f015"; }
+
+.fa-calendar-week::before {
+  content: "\f784"; }
+
+.fa-laptop-medical::before {
+  content: "\f812"; }
+
+.fa-b::before {
+  content: "\42"; }
+
+.fa-file-medical::before {
+  content: "\f477"; }
+
+.fa-dice-one::before {
+  content: "\f525"; }
+
+.fa-kiwi-bird::before {
+  content: "\f535"; }
+
+.fa-arrow-right-arrow-left::before {
+  content: "\f0ec"; }
+
+.fa-exchange::before {
+  content: "\f0ec"; }
+
+.fa-rotate-right::before {
+  content: "\f2f9"; }
+
+.fa-redo-alt::before {
+  content: "\f2f9"; }
+
+.fa-rotate-forward::before {
+  content: "\f2f9"; }
+
+.fa-utensils::before {
+  content: "\f2e7"; }
+
+.fa-cutlery::before {
+  content: "\f2e7"; }
+
+.fa-arrow-up-wide-short::before {
+  content: "\f161"; }
+
+.fa-sort-amount-up::before {
+  content: "\f161"; }
+
+.fa-mill-sign::before {
+  content: "\e1ed"; }
+
+.fa-bowl-rice::before {
+  content: "\e2eb"; }
+
+.fa-skull::before {
+  content: "\f54c"; }
+
+.fa-tower-broadcast::before {
+  content: "\f519"; }
+
+.fa-broadcast-tower::before {
+  content: "\f519"; }
+
+.fa-truck-pickup::before {
+  content: "\f63c"; }
+
+.fa-up-long::before {
+  content: "\f30c"; }
+
+.fa-long-arrow-alt-up::before {
+  content: "\f30c"; }
+
+.fa-stop::before {
+  content: "\f04d"; }
+
+.fa-code-merge::before {
+  content: "\f387"; }
+
+.fa-upload::before {
+  content: "\f093"; }
+
+.fa-hurricane::before {
+  content: "\f751"; }
+
+.fa-mound::before {
+  content: "\e52d"; }
+
+.fa-toilet-portable::before {
+  content: "\e583"; }
+
+.fa-compact-disc::before {
+  content: "\f51f"; }
+
+.fa-file-arrow-down::before {
+  content: "\f56d"; }
+
+.fa-file-download::before {
+  content: "\f56d"; }
+
+.fa-caravan::before {
+  content: "\f8ff"; }
+
+.fa-shield-cat::before {
+  content: "\e572"; }
+
+.fa-bolt::before {
+  content: "\f0e7"; }
+
+.fa-zap::before {
+  content: "\f0e7"; }
+
+.fa-glass-water::before {
+  content: "\e4f4"; }
+
+.fa-oil-well::before {
+  content: "\e532"; }
+
+.fa-vault::before {
+  content: "\e2c5"; }
+
+.fa-mars::before {
+  content: "\f222"; }
+
+.fa-toilet::before {
+  content: "\f7d8"; }
+
+.fa-plane-circle-xmark::before {
+  content: "\e557"; }
+
+.fa-yen-sign::before {
+  content: "\f157"; }
+
+.fa-cny::before {
+  content: "\f157"; }
+
+.fa-jpy::before {
+  content: "\f157"; }
+
+.fa-rmb::before {
+  content: "\f157"; }
+
+.fa-yen::before {
+  content: "\f157"; }
+
+.fa-ruble-sign::before {
+  content: "\f158"; }
+
+.fa-rouble::before {
+  content: "\f158"; }
+
+.fa-rub::before {
+  content: "\f158"; }
+
+.fa-ruble::before {
+  content: "\f158"; }
+
+.fa-sun::before {
+  content: "\f185"; }
+
+.fa-guitar::before {
+  content: "\f7a6"; }
+
+.fa-face-laugh-wink::before {
+  content: "\f59c"; }
+
+.fa-laugh-wink::before {
+  content: "\f59c"; }
+
+.fa-horse-head::before {
+  content: "\f7ab"; }
+
+.fa-bore-hole::before {
+  content: "\e4c3"; }
+
+.fa-industry::before {
+  content: "\f275"; }
+
+.fa-circle-down::before {
+  content: "\f358"; }
+
+.fa-arrow-alt-circle-down::before {
+  content: "\f358"; }
+
+.fa-arrows-turn-to-dots::before {
+  content: "\e4c1"; }
+
+.fa-florin-sign::before {
+  content: "\e184"; }
+
+.fa-arrow-down-short-wide::before {
+  content: "\f884"; }
+
+.fa-sort-amount-desc::before {
+  content: "\f884"; }
+
+.fa-sort-amount-down-alt::before {
+  content: "\f884"; }
+
+.fa-less-than::before {
+  content: "\3c"; }
+
+.fa-angle-down::before {
+  content: "\f107"; }
+
+.fa-car-tunnel::before {
+  content: "\e4de"; }
+
+.fa-head-side-cough::before {
+  content: "\e061"; }
+
+.fa-grip-lines::before {
+  content: "\f7a4"; }
+
+.fa-thumbs-down::before {
+  content: "\f165"; }
+
+.fa-user-lock::before {
+  content: "\f502"; }
+
+.fa-arrow-right-long::before {
+  content: "\f178"; }
+
+.fa-long-arrow-right::before {
+  content: "\f178"; }
+
+.fa-anchor-circle-xmark::before {
+  content: "\e4ac"; }
+
+.fa-ellipsis::before {
+  content: "\f141"; }
+
+.fa-ellipsis-h::before {
+  content: "\f141"; }
+
+.fa-chess-pawn::before {
+  content: "\f443"; }
+
+.fa-kit-medical::before {
+  content: "\f479"; }
+
+.fa-first-aid::before {
+  content: "\f479"; }
+
+.fa-person-through-window::before {
+  content: "\e5a9"; }
+
+.fa-toolbox::before {
+  content: "\f552"; }
+
+.fa-hands-holding-circle::before {
+  content: "\e4fb"; }
+
+.fa-bug::before {
+  content: "\f188"; }
+
+.fa-credit-card::before {
+  content: "\f09d"; }
+
+.fa-credit-card-alt::before {
+  content: "\f09d"; }
+
+.fa-car::before {
+  content: "\f1b9"; }
+
+.fa-automobile::before {
+  content: "\f1b9"; }
+
+.fa-hand-holding-hand::before {
+  content: "\e4f7"; }
+
+.fa-book-open-reader::before {
+  content: "\f5da"; }
+
+.fa-book-reader::before {
+  content: "\f5da"; }
+
+.fa-mountain-sun::before {
+  content: "\e52f"; }
+
+.fa-arrows-left-right-to-line::before {
+  content: "\e4ba"; }
+
+.fa-dice-d20::before {
+  content: "\f6cf"; }
+
+.fa-truck-droplet::before {
+  content: "\e58c"; }
+
+.fa-file-circle-xmark::before {
+  content: "\e5a1"; }
+
+.fa-temperature-arrow-up::before {
+  content: "\e040"; }
+
+.fa-temperature-up::before {
+  content: "\e040"; }
+
+.fa-medal::before {
+  content: "\f5a2"; }
+
+.fa-bed::before {
+  content: "\f236"; }
+
+.fa-square-h::before {
+  content: "\f0fd"; }
+
+.fa-h-square::before {
+  content: "\f0fd"; }
+
+.fa-podcast::before {
+  content: "\f2ce"; }
+
+.fa-temperature-full::before {
+  content: "\f2c7"; }
+
+.fa-temperature-4::before {
+  content: "\f2c7"; }
+
+.fa-thermometer-4::before {
+  content: "\f2c7"; }
+
+.fa-thermometer-full::before {
+  content: "\f2c7"; }
+
+.fa-bell::before {
+  content: "\f0f3"; }
+
+.fa-superscript::before {
+  content: "\f12b"; }
+
+.fa-plug-circle-xmark::before {
+  content: "\e560"; }
+
+.fa-star-of-life::before {
+  content: "\f621"; }
+
+.fa-phone-slash::before {
+  content: "\f3dd"; }
+
+.fa-paint-roller::before {
+  content: "\f5aa"; }
+
+.fa-handshake-angle::before {
+  content: "\f4c4"; }
+
+.fa-hands-helping::before {
+  content: "\f4c4"; }
+
+.fa-location-dot::before {
+  content: "\f3c5"; }
+
+.fa-map-marker-alt::before {
+  content: "\f3c5"; }
+
+.fa-file::before {
+  content: "\f15b"; }
+
+.fa-greater-than::before {
+  content: "\3e"; }
+
+.fa-person-swimming::before {
+  content: "\f5c4"; }
+
+.fa-swimmer::before {
+  content: "\f5c4"; }
+
+.fa-arrow-down::before {
+  content: "\f063"; }
+
+.fa-droplet::before {
+  content: "\f043"; }
+
+.fa-tint::before {
+  content: "\f043"; }
+
+.fa-eraser::before {
+  content: "\f12d"; }
+
+.fa-earth-americas::before {
+  content: "\f57d"; }
+
+.fa-earth::before {
+  content: "\f57d"; }
+
+.fa-earth-america::before {
+  content: "\f57d"; }
+
+.fa-globe-americas::before {
+  content: "\f57d"; }
+
+.fa-person-burst::before {
+  content: "\e53b"; }
+
+.fa-dove::before {
+  content: "\f4ba"; }
+
+.fa-battery-empty::before {
+  content: "\f244"; }
+
+.fa-battery-0::before {
+  content: "\f244"; }
+
+.fa-socks::before {
+  content: "\f696"; }
+
+.fa-inbox::before {
+  content: "\f01c"; }
+
+.fa-section::before {
+  content: "\e447"; }
+
+.fa-gauge-high::before {
+  content: "\f625"; }
+
+.fa-tachometer-alt::before {
+  content: "\f625"; }
+
+.fa-tachometer-alt-fast::before {
+  content: "\f625"; }
+
+.fa-envelope-open-text::before {
+  content: "\f658"; }
+
+.fa-hospital::before {
+  content: "\f0f8"; }
+
+.fa-hospital-alt::before {
+  content: "\f0f8"; }
+
+.fa-hospital-wide::before {
+  content: "\f0f8"; }
+
+.fa-wine-bottle::before {
+  content: "\f72f"; }
+
+.fa-chess-rook::before {
+  content: "\f447"; }
+
+.fa-bars-staggered::before {
+  content: "\f550"; }
+
+.fa-reorder::before {
+  content: "\f550"; }
+
+.fa-stream::before {
+  content: "\f550"; }
+
+.fa-dharmachakra::before {
+  content: "\f655"; }
+
+.fa-hotdog::before {
+  content: "\f80f"; }
+
+.fa-person-walking-with-cane::before {
+  content: "\f29d"; }
+
+.fa-blind::before {
+  content: "\f29d"; }
+
+.fa-drum::before {
+  content: "\f569"; }
+
+.fa-ice-cream::before {
+  content: "\f810"; }
+
+.fa-heart-circle-bolt::before {
+  content: "\e4fc"; }
+
+.fa-fax::before {
+  content: "\f1ac"; }
+
+.fa-paragraph::before {
+  content: "\f1dd"; }
+
+.fa-check-to-slot::before {
+  content: "\f772"; }
+
+.fa-vote-yea::before {
+  content: "\f772"; }
+
+.fa-star-half::before {
+  content: "\f089"; }
+
+.fa-boxes-stacked::before {
+  content: "\f468"; }
+
+.fa-boxes::before {
+  content: "\f468"; }
+
+.fa-boxes-alt::before {
+  content: "\f468"; }
+
+.fa-link::before {
+  content: "\f0c1"; }
+
+.fa-chain::before {
+  content: "\f0c1"; }
+
+.fa-ear-listen::before {
+  content: "\f2a2"; }
+
+.fa-assistive-listening-systems::before {
+  content: "\f2a2"; }
+
+.fa-tree-city::before {
+  content: "\e587"; }
+
+.fa-play::before {
+  content: "\f04b"; }
+
+.fa-font::before {
+  content: "\f031"; }
+
+.fa-rupiah-sign::before {
+  content: "\e23d"; }
+
+.fa-magnifying-glass::before {
+  content: "\f002"; }
+
+.fa-search::before {
+  content: "\f002"; }
+
+.fa-table-tennis-paddle-ball::before {
+  content: "\f45d"; }
+
+.fa-ping-pong-paddle-ball::before {
+  content: "\f45d"; }
+
+.fa-table-tennis::before {
+  content: "\f45d"; }
+
+.fa-person-dots-from-line::before {
+  content: "\f470"; }
+
+.fa-diagnoses::before {
+  content: "\f470"; }
+
+.fa-trash-can-arrow-up::before {
+  content: "\f82a"; }
+
+.fa-trash-restore-alt::before {
+  content: "\f82a"; }
+
+.fa-naira-sign::before {
+  content: "\e1f6"; }
+
+.fa-cart-arrow-down::before {
+  content: "\f218"; }
+
+.fa-walkie-talkie::before {
+  content: "\f8ef"; }
+
+.fa-file-pen::before {
+  content: "\f31c"; }
+
+.fa-file-edit::before {
+  content: "\f31c"; }
+
+.fa-receipt::before {
+  content: "\f543"; }
+
+.fa-square-pen::before {
+  content: "\f14b"; }
+
+.fa-pen-square::before {
+  content: "\f14b"; }
+
+.fa-pencil-square::before {
+  content: "\f14b"; }
+
+.fa-suitcase-rolling::before {
+  content: "\f5c1"; }
+
+.fa-person-circle-exclamation::before {
+  content: "\e53f"; }
+
+.fa-chevron-down::before {
+  content: "\f078"; }
+
+.fa-battery-full::before {
+  content: "\f240"; }
+
+.fa-battery::before {
+  content: "\f240"; }
+
+.fa-battery-5::before {
+  content: "\f240"; }
+
+.fa-skull-crossbones::before {
+  content: "\f714"; }
+
+.fa-code-compare::before {
+  content: "\e13a"; }
+
+.fa-list-ul::before {
+  content: "\f0ca"; }
+
+.fa-list-dots::before {
+  content: "\f0ca"; }
+
+.fa-school-lock::before {
+  content: "\e56f"; }
+
+.fa-tower-cell::before {
+  content: "\e585"; }
+
+.fa-down-long::before {
+  content: "\f309"; }
+
+.fa-long-arrow-alt-down::before {
+  content: "\f309"; }
+
+.fa-ranking-star::before {
+  content: "\e561"; }
+
+.fa-chess-king::before {
+  content: "\f43f"; }
+
+.fa-person-harassing::before {
+  content: "\e549"; }
+
+.fa-brazilian-real-sign::before {
+  content: "\e46c"; }
+
+.fa-landmark-dome::before {
+  content: "\f752"; }
+
+.fa-landmark-alt::before {
+  content: "\f752"; }
+
+.fa-arrow-up::before {
+  content: "\f062"; }
+
+.fa-tv::before {
+  content: "\f26c"; }
+
+.fa-television::before {
+  content: "\f26c"; }
+
+.fa-tv-alt::before {
+  content: "\f26c"; }
+
+.fa-shrimp::before {
+  content: "\e448"; }
+
+.fa-list-check::before {
+  content: "\f0ae"; }
+
+.fa-tasks::before {
+  content: "\f0ae"; }
+
+.fa-jug-detergent::before {
+  content: "\e519"; }
+
+.fa-circle-user::before {
+  content: "\f2bd"; }
+
+.fa-user-circle::before {
+  content: "\f2bd"; }
+
+.fa-user-shield::before {
+  content: "\f505"; }
+
+.fa-wind::before {
+  content: "\f72e"; }
+
+.fa-car-burst::before {
+  content: "\f5e1"; }
+
+.fa-car-crash::before {
+  content: "\f5e1"; }
+
+.fa-y::before {
+  content: "\59"; }
+
+.fa-person-snowboarding::before {
+  content: "\f7ce"; }
+
+.fa-snowboarding::before {
+  content: "\f7ce"; }
+
+.fa-truck-fast::before {
+  content: "\f48b"; }
+
+.fa-shipping-fast::before {
+  content: "\f48b"; }
+
+.fa-fish::before {
+  content: "\f578"; }
+
+.fa-user-graduate::before {
+  content: "\f501"; }
+
+.fa-circle-half-stroke::before {
+  content: "\f042"; }
+
+.fa-adjust::before {
+  content: "\f042"; }
+
+.fa-clapperboard::before {
+  content: "\e131"; }
+
+.fa-circle-radiation::before {
+  content: "\f7ba"; }
+
+.fa-radiation-alt::before {
+  content: "\f7ba"; }
+
+.fa-baseball::before {
+  content: "\f433"; }
+
+.fa-baseball-ball::before {
+  content: "\f433"; }
+
+.fa-jet-fighter-up::before {
+  content: "\e518"; }
+
+.fa-diagram-project::before {
+  content: "\f542"; }
+
+.fa-project-diagram::before {
+  content: "\f542"; }
+
+.fa-copy::before {
+  content: "\f0c5"; }
+
+.fa-volume-xmark::before {
+  content: "\f6a9"; }
+
+.fa-volume-mute::before {
+  content: "\f6a9"; }
+
+.fa-volume-times::before {
+  content: "\f6a9"; }
+
+.fa-hand-sparkles::before {
+  content: "\e05d"; }
+
+.fa-grip::before {
+  content: "\f58d"; }
+
+.fa-grip-horizontal::before {
+  content: "\f58d"; }
+
+.fa-share-from-square::before {
+  content: "\f14d"; }
+
+.fa-share-square::before {
+  content: "\f14d"; }
+
+.fa-child-combatant::before {
+  content: "\e4e0"; }
+
+.fa-child-rifle::before {
+  content: "\e4e0"; }
+
+.fa-gun::before {
+  content: "\e19b"; }
+
+.fa-square-phone::before {
+  content: "\f098"; }
+
+.fa-phone-square::before {
+  content: "\f098"; }
+
+.fa-plus::before {
+  content: "\2b"; }
+
+.fa-add::before {
+  content: "\2b"; }
+
+.fa-expand::before {
+  content: "\f065"; }
+
+.fa-computer::before {
+  content: "\e4e5"; }
+
+.fa-xmark::before {
+  content: "\f00d"; }
+
+.fa-close::before {
+  content: "\f00d"; }
+
+.fa-multiply::before {
+  content: "\f00d"; }
+
+.fa-remove::before {
+  content: "\f00d"; }
+
+.fa-times::before {
+  content: "\f00d"; }
+
+.fa-arrows-up-down-left-right::before {
+  content: "\f047"; }
+
+.fa-arrows::before {
+  content: "\f047"; }
+
+.fa-chalkboard-user::before {
+  content: "\f51c"; }
+
+.fa-chalkboard-teacher::before {
+  content: "\f51c"; }
+
+.fa-peso-sign::before {
+  content: "\e222"; }
+
+.fa-building-shield::before {
+  content: "\e4d8"; }
+
+.fa-baby::before {
+  content: "\f77c"; }
+
+.fa-users-line::before {
+  content: "\e592"; }
+
+.fa-quote-left::before {
+  content: "\f10d"; }
+
+.fa-quote-left-alt::before {
+  content: "\f10d"; }
+
+.fa-tractor::before {
+  content: "\f722"; }
+
+.fa-trash-arrow-up::before {
+  content: "\f829"; }
+
+.fa-trash-restore::before {
+  content: "\f829"; }
+
+.fa-arrow-down-up-lock::before {
+  content: "\e4b0"; }
+
+.fa-lines-leaning::before {
+  content: "\e51e"; }
+
+.fa-ruler-combined::before {
+  content: "\f546"; }
+
+.fa-copyright::before {
+  content: "\f1f9"; }
+
+.fa-equals::before {
+  content: "\3d"; }
+
+.fa-blender::before {
+  content: "\f517"; }
+
+.fa-teeth::before {
+  content: "\f62e"; }
+
+.fa-shekel-sign::before {
+  content: "\f20b"; }
+
+.fa-ils::before {
+  content: "\f20b"; }
+
+.fa-shekel::before {
+  content: "\f20b"; }
+
+.fa-sheqel::before {
+  content: "\f20b"; }
+
+.fa-sheqel-sign::before {
+  content: "\f20b"; }
+
+.fa-map::before {
+  content: "\f279"; }
+
+.fa-rocket::before {
+  content: "\f135"; }
+
+.fa-photo-film::before {
+  content: "\f87c"; }
+
+.fa-photo-video::before {
+  content: "\f87c"; }
+
+.fa-folder-minus::before {
+  content: "\f65d"; }
+
+.fa-store::before {
+  content: "\f54e"; }
+
+.fa-arrow-trend-up::before {
+  content: "\e098"; }
+
+.fa-plug-circle-minus::before {
+  content: "\e55e"; }
+
+.fa-sign-hanging::before {
+  content: "\f4d9"; }
+
+.fa-sign::before {
+  content: "\f4d9"; }
+
+.fa-bezier-curve::before {
+  content: "\f55b"; }
+
+.fa-bell-slash::before {
+  content: "\f1f6"; }
+
+.fa-tablet::before {
+  content: "\f3fb"; }
+
+.fa-tablet-android::before {
+  content: "\f3fb"; }
+
+.fa-school-flag::before {
+  content: "\e56e"; }
+
+.fa-fill::before {
+  content: "\f575"; }
+
+.fa-angle-up::before {
+  content: "\f106"; }
+
+.fa-drumstick-bite::before {
+  content: "\f6d7"; }
+
+.fa-holly-berry::before {
+  content: "\f7aa"; }
+
+.fa-chevron-left::before {
+  content: "\f053"; }
+
+.fa-bacteria::before {
+  content: "\e059"; }
+
+.fa-hand-lizard::before {
+  content: "\f258"; }
+
+.fa-notdef::before {
+  content: "\e1fe"; }
+
+.fa-disease::before {
+  content: "\f7fa"; }
+
+.fa-briefcase-medical::before {
+  content: "\f469"; }
+
+.fa-genderless::before {
+  content: "\f22d"; }
+
+.fa-chevron-right::before {
+  content: "\f054"; }
+
+.fa-retweet::before {
+  content: "\f079"; }
+
+.fa-car-rear::before {
+  content: "\f5de"; }
+
+.fa-car-alt::before {
+  content: "\f5de"; }
+
+.fa-pump-soap::before {
+  content: "\e06b"; }
+
+.fa-video-slash::before {
+  content: "\f4e2"; }
+
+.fa-battery-quarter::before {
+  content: "\f243"; }
+
+.fa-battery-2::before {
+  content: "\f243"; }
+
+.fa-radio::before {
+  content: "\f8d7"; }
+
+.fa-baby-carriage::before {
+  content: "\f77d"; }
+
+.fa-carriage-baby::before {
+  content: "\f77d"; }
+
+.fa-traffic-light::before {
+  content: "\f637"; }
+
+.fa-thermometer::before {
+  content: "\f491"; }
+
+.fa-vr-cardboard::before {
+  content: "\f729"; }
+
+.fa-hand-middle-finger::before {
+  content: "\f806"; }
+
+.fa-percent::before {
+  content: "\25"; }
+
+.fa-percentage::before {
+  content: "\25"; }
+
+.fa-truck-moving::before {
+  content: "\f4df"; }
+
+.fa-glass-water-droplet::before {
+  content: "\e4f5"; }
+
+.fa-display::before {
+  content: "\e163"; }
+
+.fa-face-smile::before {
+  content: "\f118"; }
+
+.fa-smile::before {
+  content: "\f118"; }
+
+.fa-thumbtack::before {
+  content: "\f08d"; }
+
+.fa-thumb-tack::before {
+  content: "\f08d"; }
+
+.fa-trophy::before {
+  content: "\f091"; }
+
+.fa-person-praying::before {
+  content: "\f683"; }
+
+.fa-pray::before {
+  content: "\f683"; }
+
+.fa-hammer::before {
+  content: "\f6e3"; }
+
+.fa-hand-peace::before {
+  content: "\f25b"; }
+
+.fa-rotate::before {
+  content: "\f2f1"; }
+
+.fa-sync-alt::before {
+  content: "\f2f1"; }
+
+.fa-spinner::before {
+  content: "\f110"; }
+
+.fa-robot::before {
+  content: "\f544"; }
+
+.fa-peace::before {
+  content: "\f67c"; }
+
+.fa-gears::before {
+  content: "\f085"; }
+
+.fa-cogs::before {
+  content: "\f085"; }
+
+.fa-warehouse::before {
+  content: "\f494"; }
+
+.fa-arrow-up-right-dots::before {
+  content: "\e4b7"; }
+
+.fa-splotch::before {
+  content: "\f5bc"; }
+
+.fa-face-grin-hearts::before {
+  content: "\f584"; }
+
+.fa-grin-hearts::before {
+  content: "\f584"; }
+
+.fa-dice-four::before {
+  content: "\f524"; }
+
+.fa-sim-card::before {
+  content: "\f7c4"; }
+
+.fa-transgender::before {
+  content: "\f225"; }
+
+.fa-transgender-alt::before {
+  content: "\f225"; }
+
+.fa-mercury::before {
+  content: "\f223"; }
+
+.fa-arrow-turn-down::before {
+  content: "\f149"; }
+
+.fa-level-down::before {
+  content: "\f149"; }
+
+.fa-person-falling-burst::before {
+  content: "\e547"; }
+
+.fa-award::before {
+  content: "\f559"; }
+
+.fa-ticket-simple::before {
+  content: "\f3ff"; }
+
+.fa-ticket-alt::before {
+  content: "\f3ff"; }
+
+.fa-building::before {
+  content: "\f1ad"; }
+
+.fa-angles-left::before {
+  content: "\f100"; }
+
+.fa-angle-double-left::before {
+  content: "\f100"; }
+
+.fa-qrcode::before {
+  content: "\f029"; }
+
+.fa-clock-rotate-left::before {
+  content: "\f1da"; }
+
+.fa-history::before {
+  content: "\f1da"; }
+
+.fa-face-grin-beam-sweat::before {
+  content: "\f583"; }
+
+.fa-grin-beam-sweat::before {
+  content: "\f583"; }
+
+.fa-file-export::before {
+  content: "\f56e"; }
+
+.fa-arrow-right-from-file::before {
+  content: "\f56e"; }
+
+.fa-shield::before {
+  content: "\f132"; }
+
+.fa-shield-blank::before {
+  content: "\f132"; }
+
+.fa-arrow-up-short-wide::before {
+  content: "\f885"; }
+
+.fa-sort-amount-up-alt::before {
+  content: "\f885"; }
+
+.fa-house-medical::before {
+  content: "\e3b2"; }
+
+.fa-golf-ball-tee::before {
+  content: "\f450"; }
+
+.fa-golf-ball::before {
+  content: "\f450"; }
+
+.fa-circle-chevron-left::before {
+  content: "\f137"; }
+
+.fa-chevron-circle-left::before {
+  content: "\f137"; }
+
+.fa-house-chimney-window::before {
+  content: "\e00d"; }
+
+.fa-pen-nib::before {
+  content: "\f5ad"; }
+
+.fa-tent-arrow-turn-left::before {
+  content: "\e580"; }
+
+.fa-tents::before {
+  content: "\e582"; }
+
+.fa-wand-magic::before {
+  content: "\f0d0"; }
+
+.fa-magic::before {
+  content: "\f0d0"; }
+
+.fa-dog::before {
+  content: "\f6d3"; }
+
+.fa-carrot::before {
+  content: "\f787"; }
+
+.fa-moon::before {
+  content: "\f186"; }
+
+.fa-wine-glass-empty::before {
+  content: "\f5ce"; }
+
+.fa-wine-glass-alt::before {
+  content: "\f5ce"; }
+
+.fa-cheese::before {
+  content: "\f7ef"; }
+
+.fa-yin-yang::before {
+  content: "\f6ad"; }
+
+.fa-music::before {
+  content: "\f001"; }
+
+.fa-code-commit::before {
+  content: "\f386"; }
+
+.fa-temperature-low::before {
+  content: "\f76b"; }
+
+.fa-person-biking::before {
+  content: "\f84a"; }
+
+.fa-biking::before {
+  content: "\f84a"; }
+
+.fa-broom::before {
+  content: "\f51a"; }
+
+.fa-shield-heart::before {
+  content: "\e574"; }
+
+.fa-gopuram::before {
+  content: "\f664"; }
+
+.fa-earth-oceania::before {
+  content: "\e47b"; }
+
+.fa-globe-oceania::before {
+  content: "\e47b"; }
+
+.fa-square-xmark::before {
+  content: "\f2d3"; }
+
+.fa-times-square::before {
+  content: "\f2d3"; }
+
+.fa-xmark-square::before {
+  content: "\f2d3"; }
+
+.fa-hashtag::before {
+  content: "\23"; }
+
+.fa-up-right-and-down-left-from-center::before {
+  content: "\f424"; }
+
+.fa-expand-alt::before {
+  content: "\f424"; }
+
+.fa-oil-can::before {
+  content: "\f613"; }
+
+.fa-t::before {
+  content: "\54"; }
+
+.fa-hippo::before {
+  content: "\f6ed"; }
+
+.fa-chart-column::before {
+  content: "\e0e3"; }
+
+.fa-infinity::before {
+  content: "\f534"; }
+
+.fa-vial-circle-check::before {
+  content: "\e596"; }
+
+.fa-person-arrow-down-to-line::before {
+  content: "\e538"; }
+
+.fa-voicemail::before {
+  content: "\f897"; }
+
+.fa-fan::before {
+  content: "\f863"; }
+
+.fa-person-walking-luggage::before {
+  content: "\e554"; }
+
+.fa-up-down::before {
+  content: "\f338"; }
+
+.fa-arrows-alt-v::before {
+  content: "\f338"; }
+
+.fa-cloud-moon-rain::before {
+  content: "\f73c"; }
+
+.fa-calendar::before {
+  content: "\f133"; }
+
+.fa-trailer::before {
+  content: "\e041"; }
+
+.fa-bahai::before {
+  content: "\f666"; }
+
+.fa-haykal::before {
+  content: "\f666"; }
+
+.fa-sd-card::before {
+  content: "\f7c2"; }
+
+.fa-dragon::before {
+  content: "\f6d5"; }
+
+.fa-shoe-prints::before {
+  content: "\f54b"; }
+
+.fa-circle-plus::before {
+  content: "\f055"; }
+
+.fa-plus-circle::before {
+  content: "\f055"; }
+
+.fa-face-grin-tongue-wink::before {
+  content: "\f58b"; }
+
+.fa-grin-tongue-wink::before {
+  content: "\f58b"; }
+
+.fa-hand-holding::before {
+  content: "\f4bd"; }
+
+.fa-plug-circle-exclamation::before {
+  content: "\e55d"; }
+
+.fa-link-slash::before {
+  content: "\f127"; }
+
+.fa-chain-broken::before {
+  content: "\f127"; }
+
+.fa-chain-slash::before {
+  content: "\f127"; }
+
+.fa-unlink::before {
+  content: "\f127"; }
+
+.fa-clone::before {
+  content: "\f24d"; }
+
+.fa-person-walking-arrow-loop-left::before {
+  content: "\e551"; }
+
+.fa-arrow-up-z-a::before {
+  content: "\f882"; }
+
+.fa-sort-alpha-up-alt::before {
+  content: "\f882"; }
+
+.fa-fire-flame-curved::before {
+  content: "\f7e4"; }
+
+.fa-fire-alt::before {
+  content: "\f7e4"; }
+
+.fa-tornado::before {
+  content: "\f76f"; }
+
+.fa-file-circle-plus::before {
+  content: "\e494"; }
+
+.fa-book-quran::before {
+  content: "\f687"; }
+
+.fa-quran::before {
+  content: "\f687"; }
+
+.fa-anchor::before {
+  content: "\f13d"; }
+
+.fa-border-all::before {
+  content: "\f84c"; }
+
+.fa-face-angry::before {
+  content: "\f556"; }
+
+.fa-angry::before {
+  content: "\f556"; }
+
+.fa-cookie-bite::before {
+  content: "\f564"; }
+
+.fa-arrow-trend-down::before {
+  content: "\e097"; }
+
+.fa-rss::before {
+  content: "\f09e"; }
+
+.fa-feed::before {
+  content: "\f09e"; }
+
+.fa-draw-polygon::before {
+  content: "\f5ee"; }
+
+.fa-scale-balanced::before {
+  content: "\f24e"; }
+
+.fa-balance-scale::before {
+  content: "\f24e"; }
+
+.fa-gauge-simple-high::before {
+  content: "\f62a"; }
+
+.fa-tachometer::before {
+  content: "\f62a"; }
+
+.fa-tachometer-fast::before {
+  content: "\f62a"; }
+
+.fa-shower::before {
+  content: "\f2cc"; }
+
+.fa-desktop::before {
+  content: "\f390"; }
+
+.fa-desktop-alt::before {
+  content: "\f390"; }
+
+.fa-m::before {
+  content: "\4d"; }
+
+.fa-table-list::before {
+  content: "\f00b"; }
+
+.fa-th-list::before {
+  content: "\f00b"; }
+
+.fa-comment-sms::before {
+  content: "\f7cd"; }
+
+.fa-sms::before {
+  content: "\f7cd"; }
+
+.fa-book::before {
+  content: "\f02d"; }
+
+.fa-user-plus::before {
+  content: "\f234"; }
+
+.fa-check::before {
+  content: "\f00c"; }
+
+.fa-battery-three-quarters::before {
+  content: "\f241"; }
+
+.fa-battery-4::before {
+  content: "\f241"; }
+
+.fa-house-circle-check::before {
+  content: "\e509"; }
+
+.fa-angle-left::before {
+  content: "\f104"; }
+
+.fa-diagram-successor::before {
+  content: "\e47a"; }
+
+.fa-truck-arrow-right::before {
+  content: "\e58b"; }
+
+.fa-arrows-split-up-and-left::before {
+  content: "\e4bc"; }
+
+.fa-hand-fist::before {
+  content: "\f6de"; }
+
+.fa-fist-raised::before {
+  content: "\f6de"; }
+
+.fa-cloud-moon::before {
+  content: "\f6c3"; }
+
+.fa-briefcase::before {
+  content: "\f0b1"; }
+
+.fa-person-falling::before {
+  content: "\e546"; }
+
+.fa-image-portrait::before {
+  content: "\f3e0"; }
+
+.fa-portrait::before {
+  content: "\f3e0"; }
+
+.fa-user-tag::before {
+  content: "\f507"; }
+
+.fa-rug::before {
+  content: "\e569"; }
+
+.fa-earth-europe::before {
+  content: "\f7a2"; }
+
+.fa-globe-europe::before {
+  content: "\f7a2"; }
+
+.fa-cart-flatbed-suitcase::before {
+  content: "\f59d"; }
+
+.fa-luggage-cart::before {
+  content: "\f59d"; }
+
+.fa-rectangle-xmark::before {
+  content: "\f410"; }
+
+.fa-rectangle-times::before {
+  content: "\f410"; }
+
+.fa-times-rectangle::before {
+  content: "\f410"; }
+
+.fa-window-close::before {
+  content: "\f410"; }
+
+.fa-baht-sign::before {
+  content: "\e0ac"; }
+
+.fa-book-open::before {
+  content: "\f518"; }
+
+.fa-book-journal-whills::before {
+  content: "\f66a"; }
+
+.fa-journal-whills::before {
+  content: "\f66a"; }
+
+.fa-handcuffs::before {
+  content: "\e4f8"; }
+
+.fa-triangle-exclamation::before {
+  content: "\f071"; }
+
+.fa-exclamation-triangle::before {
+  content: "\f071"; }
+
+.fa-warning::before {
+  content: "\f071"; }
+
+.fa-database::before {
+  content: "\f1c0"; }
+
+.fa-share::before {
+  content: "\f064"; }
+
+.fa-arrow-turn-right::before {
+  content: "\f064"; }
+
+.fa-mail-forward::before {
+  content: "\f064"; }
+
+.fa-bottle-droplet::before {
+  content: "\e4c4"; }
+
+.fa-mask-face::before {
+  content: "\e1d7"; }
+
+.fa-hill-rockslide::before {
+  content: "\e508"; }
+
+.fa-right-left::before {
+  content: "\f362"; }
+
+.fa-exchange-alt::before {
+  content: "\f362"; }
+
+.fa-paper-plane::before {
+  content: "\f1d8"; }
+
+.fa-road-circle-exclamation::before {
+  content: "\e565"; }
+
+.fa-dungeon::before {
+  content: "\f6d9"; }
+
+.fa-align-right::before {
+  content: "\f038"; }
+
+.fa-money-bill-1-wave::before {
+  content: "\f53b"; }
+
+.fa-money-bill-wave-alt::before {
+  content: "\f53b"; }
+
+.fa-life-ring::before {
+  content: "\f1cd"; }
+
+.fa-hands::before {
+  content: "\f2a7"; }
+
+.fa-sign-language::before {
+  content: "\f2a7"; }
+
+.fa-signing::before {
+  content: "\f2a7"; }
+
+.fa-calendar-day::before {
+  content: "\f783"; }
+
+.fa-water-ladder::before {
+  content: "\f5c5"; }
+
+.fa-ladder-water::before {
+  content: "\f5c5"; }
+
+.fa-swimming-pool::before {
+  content: "\f5c5"; }
+
+.fa-arrows-up-down::before {
+  content: "\f07d"; }
+
+.fa-arrows-v::before {
+  content: "\f07d"; }
+
+.fa-face-grimace::before {
+  content: "\f57f"; }
+
+.fa-grimace::before {
+  content: "\f57f"; }
+
+.fa-wheelchair-move::before {
+  content: "\e2ce"; }
+
+.fa-wheelchair-alt::before {
+  content: "\e2ce"; }
+
+.fa-turn-down::before {
+  content: "\f3be"; }
+
+.fa-level-down-alt::before {
+  content: "\f3be"; }
+
+.fa-person-walking-arrow-right::before {
+  content: "\e552"; }
+
+.fa-square-envelope::before {
+  content: "\f199"; }
+
+.fa-envelope-square::before {
+  content: "\f199"; }
+
+.fa-dice::before {
+  content: "\f522"; }
+
+.fa-bowling-ball::before {
+  content: "\f436"; }
+
+.fa-brain::before {
+  content: "\f5dc"; }
+
+.fa-bandage::before {
+  content: "\f462"; }
+
+.fa-band-aid::before {
+  content: "\f462"; }
+
+.fa-calendar-minus::before {
+  content: "\f272"; }
+
+.fa-circle-xmark::before {
+  content: "\f057"; }
+
+.fa-times-circle::before {
+  content: "\f057"; }
+
+.fa-xmark-circle::before {
+  content: "\f057"; }
+
+.fa-gifts::before {
+  content: "\f79c"; }
+
+.fa-hotel::before {
+  content: "\f594"; }
+
+.fa-earth-asia::before {
+  content: "\f57e"; }
+
+.fa-globe-asia::before {
+  content: "\f57e"; }
+
+.fa-id-card-clip::before {
+  content: "\f47f"; }
+
+.fa-id-card-alt::before {
+  content: "\f47f"; }
+
+.fa-magnifying-glass-plus::before {
+  content: "\f00e"; }
+
+.fa-search-plus::before {
+  content: "\f00e"; }
+
+.fa-thumbs-up::before {
+  content: "\f164"; }
+
+.fa-user-clock::before {
+  content: "\f4fd"; }
+
+.fa-hand-dots::before {
+  content: "\f461"; }
+
+.fa-allergies::before {
+  content: "\f461"; }
+
+.fa-file-invoice::before {
+  content: "\f570"; }
+
+.fa-window-minimize::before {
+  content: "\f2d1"; }
+
+.fa-mug-saucer::before {
+  content: "\f0f4"; }
+
+.fa-coffee::before {
+  content: "\f0f4"; }
+
+.fa-brush::before {
+  content: "\f55d"; }
+
+.fa-mask::before {
+  content: "\f6fa"; }
+
+.fa-magnifying-glass-minus::before {
+  content: "\f010"; }
+
+.fa-search-minus::before {
+  content: "\f010"; }
+
+.fa-ruler-vertical::before {
+  content: "\f548"; }
+
+.fa-user-large::before {
+  content: "\f406"; }
+
+.fa-user-alt::before {
+  content: "\f406"; }
+
+.fa-train-tram::before {
+  content: "\e5b4"; }
+
+.fa-user-nurse::before {
+  content: "\f82f"; }
+
+.fa-syringe::before {
+  content: "\f48e"; }
+
+.fa-cloud-sun::before {
+  content: "\f6c4"; }
+
+.fa-stopwatch-20::before {
+  content: "\e06f"; }
+
+.fa-square-full::before {
+  content: "\f45c"; }
+
+.fa-magnet::before {
+  content: "\f076"; }
+
+.fa-jar::before {
+  content: "\e516"; }
+
+.fa-note-sticky::before {
+  content: "\f249"; }
+
+.fa-sticky-note::before {
+  content: "\f249"; }
+
+.fa-bug-slash::before {
+  content: "\e490"; }
+
+.fa-arrow-up-from-water-pump::before {
+  content: "\e4b6"; }
+
+.fa-bone::before {
+  content: "\f5d7"; }
+
+.fa-user-injured::before {
+  content: "\f728"; }
+
+.fa-face-sad-tear::before {
+  content: "\f5b4"; }
+
+.fa-sad-tear::before {
+  content: "\f5b4"; }
+
+.fa-plane::before {
+  content: "\f072"; }
+
+.fa-tent-arrows-down::before {
+  content: "\e581"; }
+
+.fa-exclamation::before {
+  content: "\21"; }
+
+.fa-arrows-spin::before {
+  content: "\e4bb"; }
+
+.fa-print::before {
+  content: "\f02f"; }
+
+.fa-turkish-lira-sign::before {
+  content: "\e2bb"; }
+
+.fa-try::before {
+  content: "\e2bb"; }
+
+.fa-turkish-lira::before {
+  content: "\e2bb"; }
+
+.fa-dollar-sign::before {
+  content: "\24"; }
+
+.fa-dollar::before {
+  content: "\24"; }
+
+.fa-usd::before {
+  content: "\24"; }
+
+.fa-x::before {
+  content: "\58"; }
+
+.fa-magnifying-glass-dollar::before {
+  content: "\f688"; }
+
+.fa-search-dollar::before {
+  content: "\f688"; }
+
+.fa-users-gear::before {
+  content: "\f509"; }
+
+.fa-users-cog::before {
+  content: "\f509"; }
+
+.fa-person-military-pointing::before {
+  content: "\e54a"; }
+
+.fa-building-columns::before {
+  content: "\f19c"; }
+
+.fa-bank::before {
+  content: "\f19c"; }
+
+.fa-institution::before {
+  content: "\f19c"; }
+
+.fa-museum::before {
+  content: "\f19c"; }
+
+.fa-university::before {
+  content: "\f19c"; }
+
+.fa-umbrella::before {
+  content: "\f0e9"; }
+
+.fa-trowel::before {
+  content: "\e589"; }
+
+.fa-d::before {
+  content: "\44"; }
+
+.fa-stapler::before {
+  content: "\e5af"; }
+
+.fa-masks-theater::before {
+  content: "\f630"; }
+
+.fa-theater-masks::before {
+  content: "\f630"; }
+
+.fa-kip-sign::before {
+  content: "\e1c4"; }
+
+.fa-hand-point-left::before {
+  content: "\f0a5"; }
+
+.fa-handshake-simple::before {
+  content: "\f4c6"; }
+
+.fa-handshake-alt::before {
+  content: "\f4c6"; }
+
+.fa-jet-fighter::before {
+  content: "\f0fb"; }
+
+.fa-fighter-jet::before {
+  content: "\f0fb"; }
+
+.fa-square-share-nodes::before {
+  content: "\f1e1"; }
+
+.fa-share-alt-square::before {
+  content: "\f1e1"; }
+
+.fa-barcode::before {
+  content: "\f02a"; }
+
+.fa-plus-minus::before {
+  content: "\e43c"; }
+
+.fa-video::before {
+  content: "\f03d"; }
+
+.fa-video-camera::before {
+  content: "\f03d"; }
+
+.fa-graduation-cap::before {
+  content: "\f19d"; }
+
+.fa-mortar-board::before {
+  content: "\f19d"; }
+
+.fa-hand-holding-medical::before {
+  content: "\e05c"; }
+
+.fa-person-circle-check::before {
+  content: "\e53e"; }
+
+.fa-turn-up::before {
+  content: "\f3bf"; }
+
+.fa-level-up-alt::before {
+  content: "\f3bf"; }
+
+.sr-only,
+.fa-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0; }
+
+.sr-only-focusable:not(:focus),
+.fa-sr-only-focusable:not(:focus) {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0; }
diff --git a/asset/css/horizontal-key-value.less b/asset/css/horizontal-key-value.less
new file mode 100644
index 0000000..24ff54c
--- /dev/null
+++ b/asset/css/horizontal-key-value.less
@@ -0,0 +1,17 @@
+.horizontal-key-value {
+  display: flex;
+  padding: .25em 0;
+  align-items: baseline;
+
+  .key {
+    color: var(--default-text-color-light, @default-text-color-light);
+    flex: 0 0 auto;
+    white-space: nowrap;
+    width: 12em;
+  }
+
+  .value {
+    color: var(--default-text-color, @default-text-color);
+    flex: 1 1 auto;
+  }
+}
diff --git a/asset/css/icinga-icons.less b/asset/css/icinga-icons.less
new file mode 100644
index 0000000..5b631f9
--- /dev/null
+++ b/asset/css/icinga-icons.less
@@ -0,0 +1,64 @@
+@font-face {
+  font-family: 'Icinga-Icons';
+  src: url('@{iplWebAssets}/font/icinga-icons/fonts/Icinga-Icons.ttf') format('truetype'),
+  url('@{iplWebAssets}/font/icinga-icons/fonts/Icinga-Icons.woff') format('woff'),
+  url('@{iplWebAssets}/font/icinga-icons/fonts/Icinga-Icons.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="iicon-"]:before, [class*=" iicon-"]:before {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'Icinga-Icons';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iicon-certificate:before {
+  content: "\e906";
+}
+.iicon-filter-check-circle:before {
+  content: "\e90b";
+}
+.iicon-ca-check-circle:before {
+  content: "\e908";
+}
+.iicon-refresh-cert:before {
+  content: "\e909";
+}
+.iicon-th-list:before {
+  content: "\e90a";
+}
+.iicon-icinga:before {
+  content: "\e907";
+}
+.iicon-minimal:before,
+.iicon-list-view-minimal:before {
+  content: "\e900";
+}
+.iicon-detailed:before,
+.iicon-list-view-detailed:before {
+  content: "\e901";
+}
+.iicon-default:before,
+.iicon-list-view-default:before {
+  content: "\e902";
+}
+.iicon-grid:before {
+  content: "\e903";
+}
+.iicon-bracket-open:before {
+  content: "\e904";
+}
+.iicon-bracket-close:before {
+  content: "\e905";
+}
diff --git a/asset/css/icons-base.less b/asset/css/icons-base.less
new file mode 100644
index 0000000..301c505
--- /dev/null
+++ b/asset/css/icons-base.less
@@ -0,0 +1,12 @@
+i.icon {
+  vertical-align: middle; // Firefox will place icons weird otherwise
+
+  &:before {
+    display: inline-block;
+    min-width: 1em;
+    margin-right: .2em;
+
+    text-align: center;
+    text-decoration: inherit;
+  }
+}
diff --git a/asset/css/list/item-list.less b/asset/css/list/item-list.less
new file mode 100644
index 0000000..c5c0bd2
--- /dev/null
+++ b/asset/css/list/item-list.less
@@ -0,0 +1,85 @@
+// Style
+
+.item-list {
+  list-style-type: none;
+}
+
+// Layout
+
+.item-list {
+  margin: 0;
+  padding: 0;
+
+  .list-item {
+    display: flex;
+
+    .main {
+      flex: 1 1 auto;
+      padding: .5em 0;
+      width: 0;
+      margin-left: .5em;
+    }
+
+    .visual {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+    }
+
+    .caption {
+      height: 3em;
+      text-overflow: ellipsis;
+      overflow: hidden;
+
+      .line-clamp();
+
+      img {
+        max-height: 1em;
+      }
+    }
+
+    header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+    }
+
+    footer {
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+
+  > .empty-state-bar {
+    margin: 0 1em;
+  }
+}
+
+.item-list.default-layout .list-item {
+  .title {
+    display: inline-flex;
+    align-items: baseline;
+    white-space: nowrap;
+    min-width: 0;
+
+    > * {
+      margin: 0 .28125em; // 0 calculated &nbsp; width
+
+      &:first-child {
+        margin-left: 0;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+
+    .subject {
+      .text-ellipsis();
+    }
+  }
+}
+
+.controls .list-item:not(:last-child) {
+  margin-bottom: .5em;
+}
diff --git a/asset/css/list/item-table.less b/asset/css/list/item-table.less
new file mode 100644
index 0000000..68b7d2f
--- /dev/null
+++ b/asset/css/list/item-table.less
@@ -0,0 +1,95 @@
+// Style
+
+ul.item-table {
+  list-style-type: none;
+}
+
+.table-row {
+  color: @default-text-color-light;
+
+  .title {
+    .subject {
+      color: @default-text-color;
+    }
+
+    a {
+      font-weight: bold;
+
+      &:hover {
+        color: @list-item-title-hover-color;
+        text-decoration: none;
+      }
+    }
+  }
+}
+
+@media print {
+  .item-table li.page-break-follows:not(:last-of-type) {
+    .col {
+      border-bottom: none;
+    }
+
+    .visual {
+      margin-bottom: 0;
+    }
+  }
+}
+
+// Layout
+
+.table-row {
+  .title {
+    display: flex;
+
+    .visual {
+      width: 2.5em;
+      padding: .5em 0;
+      margin-top: -.5em;
+      margin-bottom: -.5em;
+    }
+
+    .content {
+      flex: 1 1 auto;
+      width: 0;
+
+      > * {
+        .text-ellipsis();
+      }
+    }
+  }
+
+  .col {
+    white-space: nowrap;
+  }
+}
+
+ul.item-table {
+  display: grid;
+
+  > .table-row {
+    .col:not(.title) {
+      display: grid;
+      align-items: center;
+    }
+  }
+}
+
+ul.item-table {
+  padding: 0;
+  margin: 0;
+}
+
+div.item-table {
+  > .empty-state-bar {
+    margin: 0 1em;
+  }
+}
+
+div.table-row {
+  display: flex;
+  column-gap: 1em;
+
+  .title {
+    flex: 1 1 auto;
+  }
+}
diff --git a/asset/css/list/list-item.less b/asset/css/list/list-item.less
new file mode 100644
index 0000000..56a43a3
--- /dev/null
+++ b/asset/css/list/list-item.less
@@ -0,0 +1,85 @@
+// Style
+
+.list-item {
+  color: @default-text-color-light;
+
+  &:not(:first-child) > .main {
+    border-top: 1px solid @list-item-separation-bg;
+  }
+
+  &:not(:first-child) .visual {
+    margin-top: 1px;
+  }
+
+  .caption {
+    i {
+      opacity: 0.8;
+    }
+
+    a {
+      color: @default-text-color;
+    }
+  }
+
+  .title {
+    .subject {
+      color: @default-text-color;
+    }
+
+    a {
+      color: @default-text-color;
+      font-weight: bold;
+
+      &:hover {
+        color: @list-item-title-hover-color;
+        text-decoration: none;
+      }
+    }
+  }
+
+  footer {
+    padding-top: .5em;
+  }
+}
+
+@media print {
+  .list-item.page-break-follows + .list-item {
+    .main {
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+// Layout
+
+.list-item {
+  .visual {
+    padding: .5em 0;
+    width: 2.5em;
+  }
+
+  .caption {
+    p {
+      display: inline-block;
+    }
+  }
+
+  .title {
+    margin-right: 1em;
+
+    p {
+      margin: 0;
+    }
+  }
+
+  time {
+    white-space: nowrap;
+  }
+
+  footer {
+    > * {
+      font-size: .857em;
+      line-height: 1.5*.857em;
+    }
+  }
+}
diff --git a/asset/css/mixin/card.less b/asset/css/mixin/card.less
new file mode 100644
index 0000000..3823ba2
--- /dev/null
+++ b/asset/css/mixin/card.less
@@ -0,0 +1,23 @@
+.card() {
+  &.card {
+    .rounded-corners(.5em);
+    border: 1px solid var(--card-border-color, @card-border-color);
+
+    .card-header {
+      display: flex;
+      align-items: baseline;
+      justify-content: space-between;
+      padding: .5em;
+
+      border-bottom: 1px solid var(--card-border-color, @card-border-color);
+
+      .meta span {
+        font-size: 11/12em;
+      }
+    }
+
+    .card-body {
+      padding: .5em;
+    }
+  }
+}
diff --git a/asset/css/mixin/mixins.less b/asset/css/mixin/mixins.less
new file mode 100644
index 0000000..ca30dd0
--- /dev/null
+++ b/asset/css/mixin/mixins.less
@@ -0,0 +1,37 @@
+.rounded-corners(@border-radius: 0.4em) {
+  border-radius: @border-radius;
+
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+}
+
+.appearance(@appearance) {
+  -webkit-appearance: @appearance;
+  -moz-appearance: @appearance;
+  -ms-appearance: @appearance;
+  appearance: @appearance;
+}
+
+.box-shadow(@x: 0.2em; @y: 0.2em; @blur: 0.2em; @spread: 0; @color: rgba(83, 83, 83, 0.25)) {
+  -webkit-box-shadow: @arguments;
+  -moz-box-shadow: @arguments;
+  box-shadow: @arguments;
+}
+
+.line-clamp(@numOfLines: 2) when (@numOfLines > 1) {
+  display: -webkit-box;
+  -webkit-line-clamp: @numOfLines;
+  -webkit-box-orient: vertical;
+}
+.line-clamp(@numOfLines: 2) when (@numOfLines = "reset") {
+  display: revert;
+  -webkit-line-clamp: initial;
+  -webkit-box-orient: initial;
+}
+
+.text-ellipsis() {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/asset/css/mixin/state-badges.less b/asset/css/mixin/state-badges.less
new file mode 100644
index 0000000..4be2d07
--- /dev/null
+++ b/asset/css/mixin/state-badges.less
@@ -0,0 +1,31 @@
+.state-badges() {
+  &.state-badges {
+    padding: 0;
+
+    ul {
+      padding: 0;
+    }
+
+    li {
+      display: inline-block;
+    }
+
+    li > ul > li:first-child:not(:last-child) .state-badge {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+    }
+
+    li > ul > li:last-child:not(:first-child) .state-badge {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+
+    > li:not(:last-child) {
+      margin-right: .25em;
+    }
+
+    li > ul > li + li {
+      margin-left: 1px;
+    }
+  }
+}
diff --git a/asset/css/primary-submit-btn-duplicate.less b/asset/css/primary-submit-btn-duplicate.less
new file mode 100644
index 0000000..aae545f
--- /dev/null
+++ b/asset/css/primary-submit-btn-duplicate.less
@@ -0,0 +1,16 @@
+/**
+  Automatically set CSS class for duplicated submit buttons
+  used for implicit form submission that should be invisible
+  and not take up any space. `display: none` is not an option,
+  because at least Safari will then ignore the element completely
+  when submitting a form.
+ */
+.primary-submit-btn-duplicate {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  visibility: hidden;
+  width: 0;
+  position: absolute;
+}
diff --git a/asset/css/schedule-element.less b/asset/css/schedule-element.less
new file mode 100644
index 0000000..1905a05
--- /dev/null
+++ b/asset/css/schedule-element.less
@@ -0,0 +1,210 @@
+// Schedule form element
+
+.schedule-element {
+  @input-border-radius: .25em;
+
+  .ordinal {
+    display: flex;
+    flex-wrap: wrap;
+
+    .radio-label {
+      flex: 1 1 auto;
+    }
+
+    select {
+      flex: 1 1 auto;
+
+      &:first-of-type {
+        margin-right: 1em;
+      }
+
+      &:disabled {
+        color: @schedule-element-fields-disabled-color;
+      }
+    }
+  }
+
+  .radio-label {
+    width: 100%;
+    margin-bottom: .5em;
+    display: flex;
+    align-items: center; // To center the radio element on safari
+  }
+
+  .number-specifier > input[type="number"] {
+    width: 5em;
+    margin: 0 1em;
+  }
+
+  .monthly, .ordinal:not(.annually) {
+    padding: .5em;
+    margin-left: -.5em;
+    border: 1px solid @schedule-element-fields-border-color;
+    .rounded-corners(.75em);
+  }
+
+  .schedule-element-fields {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    .rounded-corners(.25em);
+    overflow: hidden;
+    display:flex;
+    flex-wrap: wrap;
+
+    &.disabled { // When the "On the" radio button is checked
+      pointer-events: none;
+
+      label {
+        color: @schedule-element-fields-disabled-color;
+        background-color: @schedule-element-fields-disabled-bg;
+      }
+
+      input:checked + label {
+        background: @schedule-element-fields-disabled-selected-bg;
+        color: @schedule-element-fields-disabled-color;
+      }
+    }
+
+    li {
+      width: calc(100% / 7); /* default for week based cols makes sense */
+
+      label {
+        display: block;
+        width: 100%;
+        cursor: pointer;
+        text-align: center;
+        padding: .75em 0;
+        background: @schedule-element-fields-bg;
+        color: @schedule-element-fields-color;
+
+        &:hover {
+          background-color: @schedule-element-fields-hover-bg;
+        }
+
+        &:focus {
+          outline: none;
+        }
+      }
+
+      input:checked + label {
+        background-color: @schedule-element-fields-selected-bg;
+        color: @schedule-element-fields-selected-color;
+      }
+
+      input:checked + label:hover {
+        background-color: @schedule-element-fields-selected-hover-bg;
+        border-color: @schedule-element-fields-selected-hover-bg;
+      }
+    }
+
+    &.multiple-fields {
+      li:not(:last-child) label {
+        border-right: 1px solid @schedule-element-fields-border-color;
+      }
+
+      input:focus + label {
+        box-shadow: inset 0 0 0 3px @schedule-element-fields-outline-color;
+      }
+
+      input:checked:focus + label {
+        box-shadow: inset 0 0 0 3px @schedule-element-fields-selected-outline-color;
+      }
+    }
+
+    &.single-fields {
+      li {
+        padding-right: 1px;
+      }
+
+      li label {
+        .rounded-corners(.25em);
+        margin-right: 1px;
+        margin-bottom: 1px;
+      }
+
+      li label {
+        border-right: none;
+      }
+
+      &:focus-within {
+        outline: 3px solid @schedule-element-fields-outline-color;
+        outline-offset: 2px;
+      }
+
+      &:focus-within + .note {
+        display: block;
+      }
+
+      input:checked + label:hover {
+        background-color: @schedule-element-fields-selected-bg;
+      }
+    }
+  }
+
+  .note {
+    display: none;
+    padding: .5em;
+    background: @schedule-element-keyboard-note-bg;
+    .rounded-corners(.25em);
+    text-align: center;
+    margin-top: 1em;
+    line-height: 1.25;
+  }
+
+  /* .weekly */
+  .weekly {  }
+
+  /* .monthly styles */
+  .monthly {
+    li label {
+      border-top: 1px solid @schedule-element-fields-border-color;
+    }
+
+    li:first-child,
+    li:nth-child(2),
+    li:nth-child(3),
+    li:nth-child(4),
+    li:nth-child(5),
+    li:nth-child(6),
+    li:nth-child(7) {
+      label {
+        border-top: none;
+      }
+    }
+
+    /* last of row should not have a border */
+    .schedule-element-fields li:nth-child(7n) label {
+      border-right: none;
+    }
+  }
+
+
+  /* .annually styles */
+  .annually {
+    li {
+      width: 25%; // 100% / 4 elements
+    }
+
+    li:nth-child(4n) label {
+      margin-right: 0;
+    }
+
+    .toggle-slider-controls {
+      display: flex;
+      column-gap: 1em;
+      align-items: center;
+      margin-top: 1em;
+      margin-bottom: -.6em;
+    }
+  }
+}
+
+.schedule-recurrences {
+  line-height: 1.1em;
+  padding-top: 0.5625em;
+
+  p {
+    color: @schedule-element-fields-disabled-color;
+  }
+}
diff --git a/asset/css/search-bar.less b/asset/css/search-bar.less
new file mode 100644
index 0000000..6ad1aec
--- /dev/null
+++ b/asset/css/search-bar.less
@@ -0,0 +1,232 @@
+// Style
+.search-bar {
+  .rounded-corners(.25em);
+  background: var(--searchbar-bg, @searchbar-bg);
+
+  // Reset all input styles
+  input, [type="button"] {
+    .appearance(none);
+    border: none;
+    background: none;
+  }
+
+  // Submit button styles
+  input[type=submit],
+  button[type=submit],
+  button:not([type]) {
+    background: var(--primary-button-bg, @primary-button-bg);
+    color: var(--primary-button-color, @primary-button-color);
+    border-top-right-radius: .25em;
+    border-bottom-right-radius: .25em;
+  }
+
+  // General input styles
+  input:focus {
+    outline-offset: -1px;
+  }
+
+  // Hide the submit button, it must exist, but shouldn't be shown to the user
+  input[type=submit][value="hidden"] {
+    display: none;
+  }
+
+  // Left-most search dropdown style
+  button.search-options {
+    i.icon:before {
+      font-size: 1.2em;
+      margin-right: 0;
+      color: var(--control-color, @control-color);
+    }
+
+    &:disabled {
+      i.icon:before {
+        color: var(--control-disabled-color, @control-disabled-color);
+      }
+    }
+  }
+
+  // Term styles
+  .filter-condition {
+    button {
+      border-radius: .4em 0 0 .4em;
+      background-color: var(--search-condition-remove-bg, @search-condition-remove-bg);
+      color: var(--search-condition-remove-color, @search-condition-remove-color);
+
+      &:after {
+        content: "";
+        position: absolute;
+        width: .4em;
+        height: 100%;
+        right: 0;
+        top: 0;
+
+        background-color: var(--searchbar-bg, @searchbar-bg);
+        border: .2em solid var(--search-condition-remove-bg, @search-condition-remove-bg);
+        border-width: 0 0 0 .2em;
+        border-top-left-radius: .4em;
+        border-bottom-left-radius: .4em;
+      }
+    }
+
+    input {
+      background-color: var(--search-term-bg, @search-term-bg);
+      color: var(--search-term-color, @search-term-color);
+    }
+  }
+
+  .terms > .filter-condition:first-child button {
+    border-radius: 0 .4em .4em 0;
+
+    &:before {
+      content: "";
+      position: absolute;
+      width: .4em;
+      height: 100%;
+      left: 0;
+      top: 0;
+
+      background-color: var(--searchbar-bg, @searchbar-bg);
+      border: .2em solid var(--search-condition-remove-bg, @search-condition-remove-bg);
+      border-width: 0 .2em 0 0;
+      border-top-right-radius: .4em;
+      border-bottom-right-radius: .4em;
+    }
+
+    &:after {
+      content: none;
+    }
+  }
+
+  .logical_operator,
+  .grouping_operator_open,
+  .grouping_operator_close {
+    input {
+      .rounded-corners();
+      background-color: var(--search-logical-operator-bg, @search-logical-operator-bg);
+      color: var(--search-logical-operator-color, @search-logical-operator-color);
+    }
+  }
+
+  .operator,
+  .logical_operator,
+  .grouping_operator_open,
+  .grouping_operator_close {
+    input {
+      text-align: center;
+    }
+  }
+
+  .column input {
+    .rounded-corners(.4em);
+  }
+  .column:not(:last-of-type),
+  .column.last-term {
+    input {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+
+  .operator:last-of-type:not(.last-term) input {
+    .rounded-corners(.4em);
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .value input {
+    .rounded-corners(.4em);
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .highlighted input {
+    background-color: var(--search-term-highlighted-bg, @search-term-highlighted-bg);
+    color: var(--search-term-highlighted-color, @search-term-highlighted-color);
+  }
+
+  ul.comma-separated {
+    display: inline;
+    padding: 0;
+
+    list-style-type: none;
+
+    li {
+      display: inline;
+
+      &:not(:first-of-type):before {
+        display: inline;
+        content: ', ';
+      }
+    }
+  }
+}
+
+// Layout
+.search-bar {
+  height: 2em;
+  display: flex;
+  position: relative; // Required for the suggestions
+
+  button.search-options {
+    line-height: 1em;
+  }
+
+  .filter-input-area {
+    padding: 2/12em; // 2 (px) desired / default font size (px)
+  }
+
+  .terms {
+    .filter-chain,
+    .filter-condition {
+      display: inline;
+    }
+
+    .filter-condition {
+      position: relative;
+
+      button {
+        display: none;
+        z-index: 1;
+        width: ~"calc(2em + 2px)";
+        padding: .15em .6em .15em .4em;
+        position: absolute;
+        left: ~"calc(-2em - 2px)"; // That's min-width + margin-right of an operator
+        line-height: 16/12; // 16 (px) desired / default font size (px)
+
+        i:before {
+          margin-right: 0;
+        }
+      }
+
+      &:not(._hover_delay):hover button {
+        display: inline;
+      }
+    }
+
+    > .filter-condition:first-child button {
+      padding: .15em .4em .15em .6em;
+      left: auto;
+      right: ~"calc(-2em - 1px)"; // That's min-width + margin-left of an operator
+    }
+
+    label {
+      &.logical_operator,
+      &.grouping_operator_open,
+      &.grouping_operator_close {
+        margin-left: 1px; // adds up to 2px with the previous term
+        margin-right: 2px;
+      }
+    }
+  }
+
+  &.disabled {
+    .terms .filter-condition:hover button {
+      display: none;
+    }
+  }
+
+  .search-suggestions {
+    // 2 (px) desired / default font-size to match .filter-input outline-offset (-1px) + outline-width (3px)
+    margin-top: 2/12em;
+  }
+}
diff --git a/asset/css/search-base.less b/asset/css/search-base.less
new file mode 100644
index 0000000..e4af764
--- /dev/null
+++ b/asset/css/search-base.less
@@ -0,0 +1,269 @@
+// Style
+
+.search-bar .filter-input-area,
+.term-input-area:not(.vertical) {
+  // Scrollbar style
+
+  // Firefox
+  scrollbar-width: thin;
+  scrollbar-color: var(--searchbar-scrollbar-bg, @searchbar-scrollbar-bg) transparent;
+
+  &::-webkit-scrollbar {
+    display: none;
+    height: .5em;
+  }
+
+  &:hover::-webkit-scrollbar {
+    display: initial;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: .25em;
+    background: var(--searchbar-scrollbar-bg, @searchbar-scrollbar-bg);
+  }
+}
+
+.search-bar,
+.term-input-area {
+  [data-index] input:invalid {
+    background-color: var(--search-term-invalid-bg, @search-term-invalid-bg);
+    color: var(--search-term-invalid-color, @search-term-invalid-color);
+  }
+
+  [data-index] input:disabled {
+    background-color: var(--search-term-disabled-bg, @search-term-disabled-bg);
+  }
+
+  .selected input {
+    background-color: var(--search-term-selected-bg, @search-term-selected-bg);
+    color: var(--search-term-selected-color, @search-term-selected-color);
+    font-style: italic;
+  }
+}
+
+.search-suggestions {
+  background: var(--suggestions-bg, @suggestions-bg);
+  color: var(--suggestions-color, @suggestions-color);
+  border: 1px solid var(--suggestions-border-color, @suggestions-border-color);
+  border-bottom-right-radius: .5em;
+  border-bottom-left-radius:  .5em;
+
+  > ul {
+    list-style-type: none;
+
+    > li {
+      border-top: 1px solid var(--suggestions-separation-bg, @suggestions-separation-bg);
+    }
+    > li.suggestion-title + li {
+      border: none;
+    }
+    > li:not(.default) + li.suggestion-title {
+      border: none;
+    }
+  }
+
+  .default {
+    color: var(--suggestions-default-opt-color, @suggestions-default-opt-color);
+    font-style: italic;
+
+    [type="button"] {
+      background-color: var(--suggestions-default-opt-bg, @suggestions-default-opt-bg);
+    }
+  }
+
+  .suggestion-title {
+    font-size: 80%;
+  }
+
+  .failure-message {
+    font-weight: bold;
+
+    em {
+      font-weight: normal;
+      color: var(--suggestions-failure-message-color, @suggestions-failure-message-color);
+    }
+  }
+
+  .nothing-to-suggest {
+    color: var(--suggestions-color, @suggestions-color);
+  }
+
+  .relation-path {
+    padding: 0 .2em;
+    background-color: var(--suggestions-relation-path-bg, @suggestions-relation-path-bg);
+  }
+
+  [type="button"] {
+    .appearance(none);
+    border: none;
+    background: none;
+  }
+
+  [type="button"]:focus,
+  [type="button"].selected {
+    background: var(--suggestions-focus-bg, @suggestions-focus-bg);
+    color: var(--suggestions-focus-color, @suggestions-focus-color);
+    outline: none;
+
+    .relation-path {
+      background-color: var(--suggestions-relation-path-focus-bg, @suggestions-relation-path-focus-bg);
+    }
+  }
+
+  [type="button"]:not(:focus):hover,
+  [type="button"]:not(.selected):hover {
+    background: var(--suggestions-hover-bg, @suggestions-hover-bg);
+  }
+}
+
+// Layout
+.search-bar .filter-input-area,
+.term-input-area:not(.vertical) {
+  overflow: auto hidden;
+  overflow-x: overlay; // Not invalid, but proprietary feature by chrome/webkit
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100%;
+  height: ~"calc(2em + 10px)"; // Search bar height + approximate scrollbar height
+
+  // Lets inputs grow based on their contents, Inspired by https://css-tricks.com/auto-growing-inputs-textareas/
+  label {
+    position: relative;
+    display: inline-block;
+    min-width: 2em;
+    height: 100%;
+
+    &::after,
+    input {
+      width: auto;
+      padding: .25em .5em;
+      resize: none;
+    }
+
+    input {
+      width: 100%;
+      position: absolute;
+      top: 0;
+      line-height: 20/12; // 20 (px) desired / default font size (px)
+    }
+
+    &::after {
+      height: 0;
+      content: attr(data-label);
+      visibility: hidden;
+      white-space: nowrap;
+      padding: 0 7/12em; // 7 (px) desired / default font size (px)
+    }
+  }
+
+  > label {
+    flex: 1 0 auto;
+
+    &::after,
+    input {
+      max-width: none;
+      min-width: 8em;
+    }
+  }
+
+  > .terms {
+    display: inline;
+    flex-shrink: 0;
+
+    label {
+      margin-right: 1px;
+    }
+  }
+}
+
+.term-input-area.vertical {
+  display: flex;
+  flex-direction: column-reverse;
+
+  > .terms {
+    @gap: 1px;
+    @termsPerRow: 2;
+
+    display: flex;
+    flex-wrap: wrap;
+    gap: @gap;
+    margin-top: @gap;
+
+    label {
+      @termWidth: 100%/@termsPerRow;
+      @totalGapWidthPerRow: (@termsPerRow - 1) * @gap;
+
+      min-width: ~"calc(@{termWidth} - (@{totalGapWidthPerRow} / @{termsPerRow}))";
+      flex: 1 1 auto;
+
+      input {
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}
+
+.term-input-area {
+  label input:focus {
+    @labelPad: 7/12em;
+    outline-width: 3px;
+    outline-offset: ~"calc(-@{labelPad} + 3px)";
+  }
+}
+
+.search-suggestions {
+  z-index: 2; // Required so that nothing else can overlap it (such as opaque elements and the impact overlay)
+  position: absolute;
+  overflow: auto;
+  min-width: 5em;
+
+  &:empty {
+    display: none;
+  }
+
+  > ul {
+    margin: 0;
+    padding: 0;
+
+    li.suggestion-title {
+      padding: 1.25em .625em 0 .625em;
+    }
+
+    li.failure-message {
+      padding: .5em 1em;
+
+      em {
+        margin-right: .5em;
+      }
+    }
+
+    li.nothing-to-suggest {
+      padding: .5em 1em;
+    }
+  }
+
+  [type="button"] {
+    padding: .5em 1em;
+    display: block;
+    width: 100%;
+    text-align: left;
+
+    &[data-class="operator"], &[data-class="logical_operator"] {
+      text-align: center;
+    }
+
+    &.has-details {
+      display: flex;
+      align-items: baseline;
+      justify-content: space-between;
+    }
+
+    .relation-path {
+      margin-left: .5em;
+
+      &::first-line {
+        font-size: .8em;
+      }
+    }
+  }
+}
diff --git a/asset/css/search-editor.less b/asset/css/search-editor.less
new file mode 100644
index 0000000..d32d31c
--- /dev/null
+++ b/asset/css/search-editor.less
@@ -0,0 +1,268 @@
+// Style
+
+.search-editor {
+  ul, ol {
+    list-style-type: none;
+  }
+
+  fieldset {
+    border: none;
+  }
+
+  button, input[type="submit"] {
+    .appearance(none);
+    background: none;
+
+    &:not(.cancel-button) {
+      border: none;
+    }
+  }
+
+  select:not([multiple]) {
+    .appearance(none);
+    padding-right: 1.5625em;
+    background-image: url('@{iplWebAssets}/img/select-icon-text-color.svg');
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: contain;
+    .rounded-corners(0);
+  }
+
+  i.icon:before {
+    color: var(--search-editor-control-color, @search-editor-control-color);
+  }
+
+  .drag-initiator {
+    cursor: grab;
+  }
+
+  input[type="text"], select {
+    border: none;
+    background: var(--search-term-bg, @search-term-bg);
+    color: var(--search-term-color, @search-term-color);
+    text-overflow: ellipsis;
+  }
+
+  :not(fieldset) > select {
+    .rounded-corners();
+  }
+
+  fieldset > input[data-type="column"] {
+    .rounded-corners(.4em 0 0 .4em);
+  }
+
+  fieldset > input[data-type="value"] {
+    .rounded-corners(0 .4em .4em 0);
+  }
+
+  .search-error {
+    input:invalid {
+      background: var(--search-term-invalid-bg, @search-term-invalid-bg);
+      color: var(--search-term-invalid-color, @search-term-invalid-color);
+    }
+
+    .search-errors {
+      color: var(--search-editor-error-color, @search-editor-error-color);
+      font-weight: bold;
+    }
+  }
+
+  li > select:not([multiple]) {
+    background-color: var(--search-logical-operator-bg, @search-logical-operator-bg);
+    color: var(--search-logical-operator-color, @search-logical-operator-color);
+    .rounded-corners();
+  }
+
+  .sortable-ghost {
+    border: dashed .2em var(--search-editor-drag-outline-color, @search-editor-drag-outline-color);
+
+    fieldset {
+      opacity: .5;
+    }
+  }
+
+  .buttons {
+    ul {
+      .rounded-corners();
+      .box-shadow(0, 0, .5em);
+      border: 1px solid var(--search-editor-context-menu-border-color, @search-editor-context-menu-border-color);
+      background: var(--search-editor-context-menu-bg, @search-editor-context-menu-bg);
+
+      li:not(:first-child) {
+        border-top: 1px solid var(--search-editor-context-menu-border-color, @search-editor-context-menu-border-color);
+      }
+
+      button:hover {
+        background: var(--primary-button-bg, @primary-button-bg);
+        color: var(--primary-button-color, @primary-button-color);
+      }
+
+      // Add rounded corners to buttons as well, otherwise their
+      // background is not rounded and overlaps the list's corners
+      :first-child button {
+        .rounded-corners();
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+      :last-child button {
+        .rounded-corners();
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+
+      &:before {
+        // The left pointing arrow
+        border-bottom: 1px solid var(--search-editor-context-menu-border-color, @search-editor-context-menu-border-color);
+        border-left: 1px solid var(--search-editor-context-menu-border-color, @search-editor-context-menu-border-color);
+        background: var(--search-editor-context-menu-bg, @search-editor-context-menu-bg);
+      }
+    }
+
+    &:hover i.icon:before {
+      .rounded-corners();
+      background: var(--primary-button-bg, @primary-button-bg);
+      color: var(--primary-button-color, @primary-button-color);
+    }
+  }
+
+  input[type="submit"] {
+    .rounded-corners();
+    background: var(--primary-button-bg, @primary-button-bg);
+    color: var(--primary-button-color, @primary-button-color);
+
+    &:hover {
+      background: var(--primary-button-hover-bg, @primary-button-hover-bg);
+    }
+  }
+}
+
+// Layout
+
+.search-editor-opener + a.modal-opener {
+  display: none;
+}
+
+.search-editor {
+  padding: 1em;
+
+  @item-spacing: .5em;
+
+  ul, ol {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    display: flex;
+
+    > :not(:first-child) {
+      margin-left: @item-spacing;
+    }
+  }
+
+  ol {
+    padding-left: 1em;
+    padding-bottom: @item-spacing;
+
+    > li:first-child,
+    > :not(.filter-chain) + li {
+      margin-top: @item-spacing;
+    }
+  }
+
+  input[type="text"], select {
+    padding: 0 .5em;
+  }
+
+  li > select {
+    margin-right: auto;
+  }
+
+  fieldset {
+    display: flex;
+    flex: 1 1 auto;
+    margin: 0;
+    padding: 0;
+
+    input[data-type="value"] {
+      flex: 1 1 auto;
+    }
+
+    > :not(:first-child) {
+      margin-left: .1em;
+    }
+  }
+
+  input, button, select {
+    height: 28/12em; // Target Pixels @ default font size / default font size
+  }
+
+  .search-errors {
+    margin-left: .5em;
+  }
+
+  i.icon:before {
+    margin: 0;
+    font-size: 1.5em;
+    line-height: 1.5;
+  }
+
+  .buttons {
+    position: relative;
+
+    ul {
+      position: absolute;
+      right: 32/12em; // Target distance @ default font size / default font size
+      z-index: 1;
+      width: auto;
+      padding: 0;
+
+      display: none;
+
+      button {
+        z-index: 1;
+        width: 100%;
+        text-align: left;
+        white-space: nowrap;
+      }
+
+      &:before {
+        // The left pointing arrow
+        content: "";
+        display: block;
+        height: 1em;
+        transform: rotate(-135deg);
+        width: 1em;
+        z-index: 1;
+
+        position: absolute;
+        top: ((28/12)/2)-.5em; // ((First row pixels @ default font size / default font size) / 2) - own half width
+        right: -.5em;
+      }
+    }
+
+    &:hover ul {
+      display: block;
+    }
+
+    i.icon:before {
+      padding: ((28/18)-1)/2em; // (Container pixels / default font size) - line height / (padding-top,padding-bottom)
+      line-height: 1;
+    }
+  }
+
+  .cancel-button {
+    margin-top: 2em - @item-spacing;
+  }
+
+  input[type="submit"] {
+    float: right;
+    width: 6em;
+    margin-top: 2em - @item-spacing;
+  }
+
+  input[type="submit"]:not(:last-of-type) {
+    display: none;
+  }
+}
diff --git a/asset/css/state-badge.less b/asset/css/state-badge.less
new file mode 100644
index 0000000..25097a8
--- /dev/null
+++ b/asset/css/state-badge.less
@@ -0,0 +1,52 @@
+.state-badge {
+  .rounded-corners();
+  color: var(--default-text-color-inverted, @default-text-color-inverted);
+  display: inline-block;
+  font-size: 1em;
+  min-width: 2em;
+  padding: .25em;
+  text-align: center;
+
+  &.handled {
+    opacity: .8;
+  }
+
+  &.state-critical {
+    background-color: var(--state-critical, @state-critical);
+  }
+
+  &.state-down {
+    background-color: var(--state-down, @state-down);
+  }
+
+  &.state-ok {
+    background-color: var(--state-ok, @state-ok);
+  }
+
+  &.state-pending {
+    background-color: var(--state-pending, @state-pending);
+  }
+
+  &.state-unknown {
+    background-color: var(--state-unknown, @state-unknown);
+  }
+
+  &.state-up {
+    background-color: var(--state-up, @state-up);
+  }
+
+  &.state-warning {
+    background-color: var(--state-warning, @state-warning);
+  }
+
+  &.state-none {
+    background-color: var(--state-none, @state-none);
+    color:  var(--text-color-light, @text-color-light);
+  }
+}
+
+a .state-badge {
+  &:not(.disabled):hover {
+    filter: brightness(80%);
+  }
+}
diff --git a/asset/css/variables.less b/asset/css/variables.less
new file mode 100644
index 0000000..a500c5e
--- /dev/null
+++ b/asset/css/variables.less
@@ -0,0 +1,216 @@
+/*
+  RECOMMENDATION:
+     Please do not use the base color variables directly,
+     define a new variable instead that assigns the value of this base variable.
+       Examples:
+         - @base-color: red;
+         - @my-new-var: @base-color;
+         - @my-second-new-var: @base-color;
+
+     Do not use the same variable for different use cases, but define a new variable for each use case.
+
+  NOTICE:
+    Color vars identification:
+      - Vars with `-bg` suffix are background-color vars. Please use only for setting bg-color.
+      - Vars with `-color` suffix are color vars. Please use only for setting fg-color.
+
+  MODE SUPPORT:
+    The standard LESS variables represent the dark mode. The LESS detached ruleset `@iplWebLightRules`
+    contains CSS variables that represent the light mode. It must be used explicitly to have any effect.
+    If you use media queries to support modes, just call the ruleset inside your media query:
+
+      @media (prefers-color-scheme: light) {
+        @iplWebLightRules();
+      }
+*/
+
+@default-bg: #282E39;
+
+@base-gray: #c4c4c4;
+@base-gray-light: #5c5c5c;
+@base-gray-lighter: #4b4b4b;
+@base-gray-semilight: #888;
+@base-disabled: #9a9a9a;
+
+@base-primary-color: #00C3ED;
+@base-primary-bg: #00C3ED;
+@base-primary-dark: #0081a6;
+@base-primary-light: fade(@base-primary-bg, 50%);
+
+@default-text-color: #fff;
+@default-text-color-light: fade(@default-text-color, 75%);
+@default-text-color-inverted: @default-bg;
+@default-input-bg: #404d72;
+
+@state-ok: #44bb77;
+@state-up: @state-ok;
+@state-warning: #ffaa44;
+@state-critical: #ff5566;
+@state-down: @state-critical;
+@state-pending: #77aaff;
+@state-unknown: #aa44ff;
+@state-none: @base-gray-light;
+
+@primary-button-color: @default-text-color-inverted;
+@primary-button-bg: @base-primary-bg;
+@primary-button-hover-bg: @base-primary-dark;
+
+@search-term-bg: @base-gray;
+@search-term-color: @default-text-color-inverted;
+@search-term-selected-bg: @base-disabled;
+@search-term-invalid-bg: @state-critical;
+@search-term-invalid-color: @default-text-color-inverted;
+@search-term-disabled-bg: @base-disabled;
+@search-term-selected-color: @base-gray-light;
+@search-term-highlighted-bg: @base-primary-bg;
+@search-term-highlighted-color: @default-text-color-inverted;
+
+@search-condition-remove-bg: @state-critical;
+@search-condition-remove-color: @default-text-color-inverted;
+
+@search-logical-operator-bg: @base-gray-light;
+@search-logical-operator-color: @default-text-color-light;
+
+@searchbar-bg: @default-input-bg;
+@searchbar-scrollbar-bg: @base-gray-light;
+
+@search-editor-error-color: @state-critical;
+@search-editor-control-color: @base-gray-light;
+@search-editor-logical-op-bg: @base-gray-light;
+@search-editor-context-menu-border-color: @base-gray-light;
+@search-editor-context-menu-bg: @default-bg;
+@search-editor-drag-outline-color: @base-gray;
+
+@control-color: @base-primary-color;
+@control-hover-bg: @base-gray-lighter;
+@control-disabled-color: @base-disabled;
+@controls-separator-bg: @base-gray-lighter;
+
+@cancel-button-bg: none;
+@cancel-button-border-color: @state-critical;
+@cancel-button-color: @state-critical;
+@cancel-button-hover-bg: @state-critical;
+@cancel-button-hover-color: @default-text-color-inverted;
+
+@suggestions-bg: @default-bg;
+@suggestions-color: @default-text-color-light;
+@suggestions-focus-bg: @base-primary-bg;
+@suggestions-focus-color: @default-text-color-inverted;
+@suggestions-default-opt-bg: fade(@base-primary-bg, 10%);
+@suggestions-default-opt-color: @default-text-color-light;
+@suggestions-hover-bg: fade(@base-primary-bg, 30%);
+@suggestions-border-color: @base-gray-light;
+@suggestions-separation-bg: @base-gray-lighter;
+@suggestions-failure-message-color: @default-text-color-light;
+@suggestions-relation-path-bg: @base-gray-light;
+@suggestions-relation-path-focus-bg: @base-gray;
+
+@card-border-color: @base-gray-light;
+
+@schedule-element-fields-bg: @default-input-bg;
+@schedule-element-fields-color: @base-primary-color;
+@schedule-element-fields-border-color: @base-gray-light;
+@schedule-element-fields-selected-bg: @primary-button-bg;
+@schedule-element-fields-selected-color: @default-text-color-inverted;
+@schedule-element-fields-hover-bg: @base-primary-light;
+@schedule-element-fields-outline-color: fade(@base-primary-bg, 50%);
+@schedule-element-fields-selected-outline-color: fade(#fff, 50%);
+@schedule-element-fields-selected-hover-bg: @primary-button-hover-bg;
+@schedule-element-fields-disabled-color: @base-gray;
+@schedule-element-fields-disabled-bg: @base-gray-lighter;
+@schedule-element-fields-disabled-selected-bg: @base-gray-light;
+@schedule-element-keyboard-note-bg: @base-gray-light;
+
+@empty-state-color: @base-gray-semilight;
+@empty-state-bar-bg: @base-gray-lighter;
+
+@list-item-title-hover-color: @base-primary-color;
+@list-item-separation-bg: @base-gray-light;
+
+@iplWebLightRules: {
+  :root {
+    --base-gray: #819398;
+    --base-gray-light: #d0d3da;
+    --base-gray-lighter: #e8ecef;
+    --base-gray-semilight: #94a5a6;
+    --base-disabled: var(--base-gray-light);
+
+    --base-remove-bg: @state-critical;
+
+    --default-text-color: #535353;
+    --default-text-color-light: fade(#535353, 75%); // --default-text-color
+    --default-text-color-inverted: #F5F9FA;
+    --default-input-bg: #DEECF1;
+
+    --primary-button-color: var(--default-text-color-inverted);
+    --primary-button-bg: @primary-button-bg;
+    --primary-button-hover-bg: @primary-button-hover-bg;
+
+    --searchbar-bg: var(--default-input-bg);
+    --searchbar-scrollbar-bg: var(--base-gray-light);
+
+    --search-term-bg: var(--base-gray-light);
+    --search-term-color: var(--default-text-color);
+    --search-term-selected-bg: var(--base-disabled);
+    --search-term-invalid-bg: var(--base-remove-bg);
+    --search-term-invalid-color: var(--default-text-color-inverted);
+    --search-term-disabled-bg: var(--base-gray-light);
+    --search-term-selected-color: var(--base-gray);
+    --search-term-highlighted-bg: var(--primary-button-bg);
+    --search-term-highlighted-color: var(--default-text-color-inverted);
+
+    --search-condition-remove-bg: var(--base-remove-bg);
+    --search-condition-remove-color: var(--default-text-color-inverted);
+
+    --search-logical-operator-bg: fade(#819398, 50%); // --base-gray
+    --search-logical-operator-color: var(--default-text-color-light);
+
+    --search-editor-error-color: var(--base-remove-bg);
+    --search-editor-control-color: var(--base-gray-light);
+    --search-editor-logical-op-bg: var(--base-gray-light);
+    --search-editor-context-menu-border-color: var(--base-gray-light);
+    --search-editor-context-menu-bg: var(--default-text-color-inverted);
+    --search-editor-drag-outline-color: var(--base-gray);
+
+    --control-color: var(--primary-button-bg);
+    --control-hover-bg: var(--base-gray-lighter);
+    --control-disabled-color: var(--base-gray-light);
+
+    --cancel-button-hover-color: var(--default-text-color-inverted);
+
+    --suggestions-bg: var(--default-text-color-inverted);
+    --suggestions-color: var(--default-text-color-light);
+    --suggestions-focus-bg: var(--primary-button-bg);
+    --suggestions-focus-color: var(--default-text-color-inverted);
+    --suggestions-default-opt-bg: fade(@primary-button-bg, 10%);
+    --suggestions-default-opt-color: var(--default-text-color-light);
+    --suggestions-hover-bg: fade(@primary-button-bg, 30%);
+    --suggestions-border-color: var(--base-gray-light);
+    --suggestions-separation-bg: var(--base-gray-lighter);
+    --suggestions-failure-message-color: var(--default-text-color-light);
+    --suggestions-relation-path-bg: var(--base-gray-lighter);
+    --suggestions-relation-path-focus-bg: var(--base-gray);
+
+    --card-border-color: var(--base-gray-light);
+
+    --schedule-element-fields-bg: var(--default-input-bg);
+    --schedule-element-fields-color: var(--base-primary-color);
+    --schedule-element-fields-border-color: var(--base-gray-light);
+    --schedule-element-fields-selected-bg: var(--primary-button-bg);
+    --schedule-element-fields-selected-color: var(--default-text-color-inverted);
+    --schedule-element-fields-hover-bg: @base-primary-light;
+    --schedule-element-fields-outline-color: fade(@base-primary-bg, 50%);
+    --schedule-element-fields-selected-outline-color: fade(#fff, 50%);
+    --schedule-element-fields-selected-hover-bg: var(--primary-button-hover-bg);
+    --schedule-element-fields-disabled-color: var(--base-gray);
+    --schedule-element-fields-disabled-bg: var(--base-gray-lighter);
+    --schedule-element-fields-disabled-selected-bg: var(--base-gray-light);
+    --schedule-element-keyboard-note-bg: var(--base-gray-light);
+
+    --empty-state-color: var(--base-gray-semilight);
+    --empty-state-bar-bg: var(--base-gray-lighter);
+
+    --list-item-title-hover-color: var(--base-primary-color);
+    --list-item-separation-bg: var(--base-gray-light);
+  }
+};
diff --git a/asset/css/vendor/flatpickr.css b/asset/css/vendor/flatpickr.css
new file mode 100644
index 0000000..be7168c
--- /dev/null
+++ b/asset/css/vendor/flatpickr.css
@@ -0,0 +1,791 @@
+.flatpickr-calendar {
+    background: transparent;
+    opacity: 0;
+    display: none;
+    text-align: center;
+    visibility: hidden;
+    padding: 0;
+    -webkit-animation: none;
+    animation: none;
+    direction: ltr;
+    border: 0;
+    font-size: 14px;
+    line-height: 24px;
+    border-radius: 5px;
+    position: absolute;
+    width: 307.875px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    background: #fff;
+    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
+    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
+}
+.flatpickr-calendar.open,
+.flatpickr-calendar.inline {
+    opacity: 1;
+    max-height: 640px;
+    visibility: visible;
+}
+.flatpickr-calendar.open {
+    display: inline-block;
+    z-index: 99999;
+}
+.flatpickr-calendar.animate.open {
+    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+.flatpickr-calendar.inline {
+    display: block;
+    position: relative;
+    top: 2px;
+}
+.flatpickr-calendar.static {
+    position: absolute;
+    top: calc(100% + 2px);
+}
+.flatpickr-calendar.static.open {
+    z-index: 999;
+    display: block;
+}
+.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
+    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+.flatpickr-calendar .hasWeeks .dayContainer,
+.flatpickr-calendar .hasTime .dayContainer {
+    border-bottom: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+.flatpickr-calendar .hasWeeks .dayContainer {
+    border-left: 0;
+}
+.flatpickr-calendar.hasTime .flatpickr-time {
+    height: 40px;
+    border-top: 1px solid #e6e6e6;
+}
+.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
+    height: auto;
+}
+.flatpickr-calendar:before,
+.flatpickr-calendar:after {
+    position: absolute;
+    display: block;
+    pointer-events: none;
+    border: solid transparent;
+    content: '';
+    height: 0;
+    width: 0;
+    left: 22px;
+}
+.flatpickr-calendar.rightMost:before,
+.flatpickr-calendar.arrowRight:before,
+.flatpickr-calendar.rightMost:after,
+.flatpickr-calendar.arrowRight:after {
+    left: auto;
+    right: 22px;
+}
+.flatpickr-calendar.arrowCenter:before,
+.flatpickr-calendar.arrowCenter:after {
+    left: 50%;
+    right: 50%;
+}
+.flatpickr-calendar:before {
+    border-width: 5px;
+    margin: 0 -5px;
+}
+.flatpickr-calendar:after {
+    border-width: 4px;
+    margin: 0 -4px;
+}
+.flatpickr-calendar.arrowTop:before,
+.flatpickr-calendar.arrowTop:after {
+    bottom: 100%;
+}
+.flatpickr-calendar.arrowTop:before {
+    border-bottom-color: #e6e6e6;
+}
+.flatpickr-calendar.arrowTop:after {
+    border-bottom-color: #fff;
+}
+.flatpickr-calendar.arrowBottom:before,
+.flatpickr-calendar.arrowBottom:after {
+    top: 100%;
+}
+.flatpickr-calendar.arrowBottom:before {
+    border-top-color: #e6e6e6;
+}
+.flatpickr-calendar.arrowBottom:after {
+    border-top-color: #fff;
+}
+.flatpickr-calendar:focus {
+    outline: 0;
+}
+.flatpickr-wrapper {
+    position: relative;
+    display: inline-block;
+}
+.flatpickr-months {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+}
+.flatpickr-months .flatpickr-month {
+    background: transparent;
+    color: rgba(0,0,0,0.9);
+    fill: rgba(0,0,0,0.9);
+    height: 34px;
+    line-height: 1;
+    text-align: center;
+    position: relative;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    overflow: hidden;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+}
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+    text-decoration: none;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    height: 34px;
+    padding: 10px;
+    z-index: 3;
+    color: rgba(0,0,0,0.9);
+    fill: rgba(0,0,0,0.9);
+}
+.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
+.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
+    display: none;
+}
+.flatpickr-months .flatpickr-prev-month i,
+.flatpickr-months .flatpickr-next-month i {
+    position: relative;
+}
+.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
+    /*
+          /*rtl:begin:ignore*/
+    /*
+          */
+    left: 0;
+    /*
+          /*rtl:end:ignore*/
+    /*
+          */
+}
+/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
+    /*
+          /*rtl:begin:ignore*/
+    /*
+          */
+    right: 0;
+    /*
+          /*rtl:end:ignore*/
+    /*
+          */
+}
+/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,
+.flatpickr-months .flatpickr-next-month:hover {
+    color: #959ea9;
+}
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg {
+    fill: #f64747;
+}
+.flatpickr-months .flatpickr-prev-month svg,
+.flatpickr-months .flatpickr-next-month svg {
+    width: 14px;
+    height: 14px;
+}
+.flatpickr-months .flatpickr-prev-month svg path,
+.flatpickr-months .flatpickr-next-month svg path {
+    -webkit-transition: fill 0.1s;
+    transition: fill 0.1s;
+    fill: inherit;
+}
+.numInputWrapper {
+    position: relative;
+    height: auto;
+}
+.numInputWrapper input,
+.numInputWrapper span {
+    display: inline-block;
+}
+.numInputWrapper input {
+    width: 100%;
+}
+.numInputWrapper input::-ms-clear {
+    display: none;
+}
+.numInputWrapper input::-webkit-outer-spin-button,
+.numInputWrapper input::-webkit-inner-spin-button {
+    margin: 0;
+    -webkit-appearance: none;
+}
+.numInputWrapper span {
+    position: absolute;
+    right: 0;
+    width: 14px;
+    padding: 0 4px 0 2px;
+    height: 50%;
+    line-height: 50%;
+    opacity: 0;
+    cursor: pointer;
+    border: 1px solid rgba(57,57,57,0.15);
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+.numInputWrapper span:hover {
+    background: rgba(0,0,0,0.1);
+}
+.numInputWrapper span:active {
+    background: rgba(0,0,0,0.2);
+}
+.numInputWrapper span:after {
+    display: block;
+    content: "";
+    position: absolute;
+}
+.numInputWrapper span.arrowUp {
+    top: 0;
+    border-bottom: 0;
+}
+.numInputWrapper span.arrowUp:after {
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-bottom: 4px solid rgba(57,57,57,0.6);
+    top: 26%;
+}
+.numInputWrapper span.arrowDown {
+    top: 50%;
+}
+.numInputWrapper span.arrowDown:after {
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 4px solid rgba(57,57,57,0.6);
+    top: 40%;
+}
+.numInputWrapper span svg {
+    width: inherit;
+    height: auto;
+}
+.numInputWrapper span svg path {
+    fill: rgba(0,0,0,0.5);
+}
+.numInputWrapper:hover {
+    background: rgba(0,0,0,0.05);
+}
+.numInputWrapper:hover span {
+    opacity: 1;
+}
+.flatpickr-current-month {
+    font-size: 135%;
+    line-height: inherit;
+    font-weight: 300;
+    color: inherit;
+    position: absolute;
+    width: 75%;
+    left: 12.5%;
+    padding: 7.48px 0 0 0;
+    line-height: 1;
+    height: 34px;
+    display: inline-block;
+    text-align: center;
+    -webkit-transform: translate3d(0px, 0px, 0px);
+    transform: translate3d(0px, 0px, 0px);
+}
+.flatpickr-current-month span.cur-month {
+    font-family: inherit;
+    font-weight: 700;
+    color: inherit;
+    display: inline-block;
+    margin-left: 0.5ch;
+    padding: 0;
+}
+.flatpickr-current-month span.cur-month:hover {
+    background: rgba(0,0,0,0.05);
+}
+.flatpickr-current-month .numInputWrapper {
+    width: 6ch;
+    width: 7ch\0;
+    display: inline-block;
+}
+.flatpickr-current-month .numInputWrapper span.arrowUp:after {
+    border-bottom-color: rgba(0,0,0,0.9);
+}
+.flatpickr-current-month .numInputWrapper span.arrowDown:after {
+    border-top-color: rgba(0,0,0,0.9);
+}
+.flatpickr-current-month input.cur-year {
+    background: transparent;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: inherit;
+    cursor: text;
+    padding: 0 0 0 0.5ch;
+    margin: 0;
+    display: inline-block;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: 300;
+    line-height: inherit;
+    height: auto;
+    border: 0;
+    border-radius: 0;
+    vertical-align: initial;
+    -webkit-appearance: textfield;
+    -moz-appearance: textfield;
+    appearance: textfield;
+}
+.flatpickr-current-month input.cur-year:focus {
+    outline: 0;
+}
+.flatpickr-current-month input.cur-year[disabled],
+.flatpickr-current-month input.cur-year[disabled]:hover {
+    font-size: 100%;
+    color: rgba(0,0,0,0.5);
+    background: transparent;
+    pointer-events: none;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months {
+    appearance: menulist;
+    background: transparent;
+    border: none;
+    border-radius: 0;
+    box-sizing: border-box;
+    color: inherit;
+    cursor: pointer;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: 300;
+    height: auto;
+    line-height: inherit;
+    margin: -1px 0 0 0;
+    outline: none;
+    padding: 0 0 0 0.5ch;
+    position: relative;
+    vertical-align: initial;
+    -webkit-box-sizing: border-box;
+    -webkit-appearance: menulist;
+    -moz-appearance: menulist;
+    width: auto;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
+.flatpickr-current-month .flatpickr-monthDropdown-months:active {
+    outline: none;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
+    background: rgba(0,0,0,0.05);
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
+    background-color: transparent;
+    outline: none;
+    padding: 0;
+}
+.flatpickr-weekdays {
+    background: transparent;
+    text-align: center;
+    overflow: hidden;
+    width: 100%;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    height: 28px;
+}
+.flatpickr-weekdays .flatpickr-weekdaycontainer {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+}
+span.flatpickr-weekday {
+    cursor: default;
+    font-size: 90%;
+    background: transparent;
+    color: rgba(0,0,0,0.54);
+    line-height: 1;
+    margin: 0;
+    text-align: center;
+    display: block;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    font-weight: bolder;
+}
+.dayContainer,
+.flatpickr-weeks {
+    padding: 1px 0 0 0;
+}
+.flatpickr-days {
+    position: relative;
+    overflow: hidden;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: start;
+    -webkit-align-items: flex-start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    width: 307.875px;
+}
+.flatpickr-days:focus {
+    outline: 0;
+}
+.dayContainer {
+    padding: 0;
+    outline: 0;
+    text-align: left;
+    width: 307.875px;
+    min-width: 307.875px;
+    max-width: 307.875px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    display: inline-block;
+    display: -ms-flexbox;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-around;
+    justify-content: space-around;
+    -webkit-transform: translate3d(0px, 0px, 0px);
+    transform: translate3d(0px, 0px, 0px);
+    opacity: 1;
+}
+.dayContainer + .dayContainer {
+    -webkit-box-shadow: -1px 0 0 #e6e6e6;
+    box-shadow: -1px 0 0 #e6e6e6;
+}
+.flatpickr-day {
+    background: none;
+    border: 1px solid transparent;
+    border-radius: 150px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #393939;
+    cursor: pointer;
+    font-weight: 400;
+    width: 14.2857143%;
+    -webkit-flex-basis: 14.2857143%;
+    -ms-flex-preferred-size: 14.2857143%;
+    flex-basis: 14.2857143%;
+    max-width: 39px;
+    height: 39px;
+    line-height: 39px;
+    margin: 0;
+    display: inline-block;
+    position: relative;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    text-align: center;
+}
+.flatpickr-day.inRange,
+.flatpickr-day.prevMonthDay.inRange,
+.flatpickr-day.nextMonthDay.inRange,
+.flatpickr-day.today.inRange,
+.flatpickr-day.prevMonthDay.today.inRange,
+.flatpickr-day.nextMonthDay.today.inRange,
+.flatpickr-day:hover,
+.flatpickr-day.prevMonthDay:hover,
+.flatpickr-day.nextMonthDay:hover,
+.flatpickr-day:focus,
+.flatpickr-day.prevMonthDay:focus,
+.flatpickr-day.nextMonthDay:focus {
+    cursor: pointer;
+    outline: 0;
+    background: #e6e6e6;
+    border-color: #e6e6e6;
+}
+.flatpickr-day.today {
+    border-color: #959ea9;
+}
+.flatpickr-day.today:hover,
+.flatpickr-day.today:focus {
+    border-color: #959ea9;
+    background: #959ea9;
+    color: #fff;
+}
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.endRange,
+.flatpickr-day.selected.inRange,
+.flatpickr-day.startRange.inRange,
+.flatpickr-day.endRange.inRange,
+.flatpickr-day.selected:focus,
+.flatpickr-day.startRange:focus,
+.flatpickr-day.endRange:focus,
+.flatpickr-day.selected:hover,
+.flatpickr-day.startRange:hover,
+.flatpickr-day.endRange:hover,
+.flatpickr-day.selected.prevMonthDay,
+.flatpickr-day.startRange.prevMonthDay,
+.flatpickr-day.endRange.prevMonthDay,
+.flatpickr-day.selected.nextMonthDay,
+.flatpickr-day.startRange.nextMonthDay,
+.flatpickr-day.endRange.nextMonthDay {
+    background: #569ff7;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    color: #fff;
+    border-color: #569ff7;
+}
+.flatpickr-day.selected.startRange,
+.flatpickr-day.startRange.startRange,
+.flatpickr-day.endRange.startRange {
+    border-radius: 50px 0 0 50px;
+}
+.flatpickr-day.selected.endRange,
+.flatpickr-day.startRange.endRange,
+.flatpickr-day.endRange.endRange {
+    border-radius: 0 50px 50px 0;
+}
+.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
+.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
+.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
+    -webkit-box-shadow: -10px 0 0 #569ff7;
+    box-shadow: -10px 0 0 #569ff7;
+}
+.flatpickr-day.selected.startRange.endRange,
+.flatpickr-day.startRange.startRange.endRange,
+.flatpickr-day.endRange.startRange.endRange {
+    border-radius: 50px;
+}
+.flatpickr-day.inRange {
+    border-radius: 0;
+    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover,
+.flatpickr-day.prevMonthDay,
+.flatpickr-day.nextMonthDay,
+.flatpickr-day.notAllowed,
+.flatpickr-day.notAllowed.prevMonthDay,
+.flatpickr-day.notAllowed.nextMonthDay {
+    color: rgba(57,57,57,0.3);
+    background: transparent;
+    border-color: transparent;
+    cursor: default;
+}
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover {
+    cursor: not-allowed;
+    color: rgba(57,57,57,0.1);
+}
+.flatpickr-day.week.selected {
+    border-radius: 0;
+    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
+    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
+}
+.flatpickr-day.hidden {
+    visibility: hidden;
+}
+.rangeMode .flatpickr-day {
+    margin-top: 1px;
+}
+.flatpickr-weekwrapper {
+    float: left;
+}
+.flatpickr-weekwrapper .flatpickr-weeks {
+    padding: 0 12px;
+    -webkit-box-shadow: 1px 0 0 #e6e6e6;
+    box-shadow: 1px 0 0 #e6e6e6;
+}
+.flatpickr-weekwrapper .flatpickr-weekday {
+    float: none;
+    width: 100%;
+    line-height: 28px;
+}
+.flatpickr-weekwrapper span.flatpickr-day,
+.flatpickr-weekwrapper span.flatpickr-day:hover {
+    display: block;
+    width: 100%;
+    max-width: none;
+    color: rgba(57,57,57,0.3);
+    background: transparent;
+    cursor: default;
+    border: none;
+}
+.flatpickr-innerContainer {
+    display: block;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+.flatpickr-rContainer {
+    display: inline-block;
+    padding: 0;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+.flatpickr-time {
+    text-align: center;
+    outline: 0;
+    display: block;
+    height: 0;
+    line-height: 40px;
+    max-height: 40px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow: hidden;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+}
+.flatpickr-time:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+.flatpickr-time .numInputWrapper {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    width: 40%;
+    height: 40px;
+    float: left;
+}
+.flatpickr-time .numInputWrapper span.arrowUp:after {
+    border-bottom-color: #393939;
+}
+.flatpickr-time .numInputWrapper span.arrowDown:after {
+    border-top-color: #393939;
+}
+.flatpickr-time.hasSeconds .numInputWrapper {
+    width: 26%;
+}
+.flatpickr-time.time24hr .numInputWrapper {
+    width: 49%;
+}
+.flatpickr-time input {
+    background: transparent;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border: 0;
+    border-radius: 0;
+    text-align: center;
+    margin: 0;
+    padding: 0;
+    height: inherit;
+    line-height: inherit;
+    color: #393939;
+    font-size: 14px;
+    position: relative;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-appearance: textfield;
+    -moz-appearance: textfield;
+    appearance: textfield;
+}
+.flatpickr-time input.flatpickr-hour {
+    font-weight: bold;
+}
+.flatpickr-time input.flatpickr-minute,
+.flatpickr-time input.flatpickr-second {
+    font-weight: 400;
+}
+.flatpickr-time input:focus {
+    outline: 0;
+    border: 0;
+}
+.flatpickr-time .flatpickr-time-separator,
+.flatpickr-time .flatpickr-am-pm {
+    height: inherit;
+    float: left;
+    line-height: inherit;
+    color: #393939;
+    font-weight: bold;
+    width: 2%;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    align-self: center;
+}
+.flatpickr-time .flatpickr-am-pm {
+    outline: 0;
+    width: 18%;
+    cursor: pointer;
+    text-align: center;
+    font-weight: 400;
+}
+.flatpickr-time input:hover,
+.flatpickr-time .flatpickr-am-pm:hover,
+.flatpickr-time input:focus,
+.flatpickr-time .flatpickr-am-pm:focus {
+    background: #eee;
+}
+.flatpickr-input[readonly] {
+    cursor: pointer;
+}
+@-webkit-keyframes fpFadeInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0);
+    }
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+}
+@keyframes fpFadeInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0);
+    }
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+}
diff --git a/asset/css/vendor/flatpickr.vars.less b/asset/css/vendor/flatpickr.vars.less
new file mode 100644
index 0000000..2409667
--- /dev/null
+++ b/asset/css/vendor/flatpickr.vars.less
@@ -0,0 +1,327 @@
+/**
+ * This file's only purpose is to make the flatpickr themeable. DO NOT add ANY custom style here!
+ * Also, DO NOT re-arrange the CSS blocks to make them more LESS like. They're based off of the
+ * pre-compiled flatpickr.css file and so can easily identified when updating to a new version.
+ *
+ * Non-standard LESS variables were added to allow usage of CSS variables. All of them hold a
+ * value calculated by LESS functions. If not temporarily stored in another LESS variable,
+ * they wouldn't be available to CSS variable usage.
+ *
+ * Latest state from version: v4.6.9
+ */
+
+@fp-calendarBackground: #ffffff;
+@fp-calendarBorderColor: #e6e6e6;
+
+@fp-arrowColor: fadeout(@fp-dayForeground, 40%); // Non-standard variable
+@fp-arrow_hover_color: #f64747;
+
+@fp-monthForeground: fadeout(black, 10%);
+@fp-monthBackground: transparent;
+
+@fp-weekdaysBackground: transparent;
+@fp-weekdaysForeground: fadeout(black, 46%);
+@fp-weekNumberForeground: fadeout(@fp-dayForeground, 70%); // Non-standard variable
+
+@fp-dayForeground: #393939;
+@fp-dayHoverBackground: #e6e6e6;
+@fp-disabledDayForeground: fadeout(@fp-dayForeground, 90%); // Non-standard variable
+@fp-outsideRangeDayForeground: @fp-weekNumberForeground; // Non-standard variable
+@fp-selectedDayBackground: #569FF7;
+@fp-todayColor: #959ea9;
+
+@fp-timeHoverBg: lighten(@fp-dayHoverBackground, 3); // Non-standard variable
+
+@fp-invertedBg: black;
+@fp-hoverInvertedBg: fadeout(@fp-invertedBg, 95%); // Non-standard variable
+
+@fp-numChooserSvgFillColor: fadeout(@fp-monthForeground, 50%); // Non-standard variable
+@fp-hoverNumChooserBg: fadeout(@fp-invertedBg, 90%); // Non-standard variable
+@fp-numChooserBorderColor: fadeout(@fp-dayForeground, 85%); // Non-standard variable
+
+.icinga-datetime-picker {
+  &.flatpickr-calendar {
+    background: @fp-calendarBackground;
+    background: var(--fp-calendarBackground, @fp-calendarBackground);
+    box-shadow: 1px 0 0 @fp-calendarBorderColor,
+      -1px 0 0 @fp-calendarBorderColor,
+      0 1px 0 @fp-calendarBorderColor,
+      0 -1px 0 @fp-calendarBorderColor,
+      0 3px 13px fadeout(black, 92%);
+    box-shadow: 1px 0 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor),
+      -1px 0 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor),
+      0 1px 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor),
+      0 -1px 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor),
+      0 3px 13px fadeout(black, 92%);
+  }
+
+  &.flatpickr-calendar.arrowTop:before {
+    border-bottom-color: @fp-calendarBorderColor;
+    border-bottom-color: var(--fp-calendarBorderColor, @fp-calendarBorderColor);
+  }
+  &.flatpickr-calendar.arrowTop:after {
+    border-bottom-color: @fp-calendarBackground;
+    border-bottom-color: var(--fp-calendarBackground, @fp-calendarBackground);
+  }
+  &.flatpickr-calendar.arrowBottom:before {
+    border-top-color: @fp-calendarBorderColor;
+    border-top-color: var(--fp-calendarBorderColor, @fp-calendarBorderColor);
+  }
+  &.flatpickr-calendar.arrowBottom:after {
+    border-top-color: @fp-calendarBackground;
+    border-top-color: var(--fp-calendarBackground, @fp-calendarBackground);
+  }
+
+  &.flatpickr-calendar.hasTime .flatpickr-time {
+    border-top-color: @fp-calendarBorderColor;
+    border-top-color: var(--fp-calendarBorderColor, @fp-calendarBorderColor);
+  }
+
+  .dayContainer + .dayContainer {
+    -webkit-box-shadow: -1px 0 0 @fp-calendarBorderColor;
+    -webkit-box-shadow: -1px 0 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor);
+    box-shadow: -1px 0 0 @fp-calendarBorderColor;
+    box-shadow: -1px 0 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor);
+  }
+
+  .flatpickr-day {
+    color: @fp-dayForeground;
+    color: var(--fp-dayForeground, @fp-dayForeground);
+  }
+  .flatpickr-day.today {
+    border-color: @fp-todayColor;
+    border-color: var(--fp-todayColor, @fp-todayColor);
+  }
+  .flatpickr-day.today:hover,
+  .flatpickr-day.today:focus {
+    border-color: @fp-todayColor;
+    border-color: var(--fp-todayColor, @fp-todayColor);
+    background: @fp-todayColor;
+    background: var(--fp-todayColor, @fp-todayColor);
+    color: @fp-calendarBackground;
+    color: var(--fp-calendarBackground, @fp-calendarBackground);
+  }
+  .flatpickr-day.selected,
+  .flatpickr-day.startRange,
+  .flatpickr-day.endRange,
+  .flatpickr-day.selected.inRange,
+  .flatpickr-day.startRange.inRange,
+  .flatpickr-day.endRange.inRange,
+  .flatpickr-day.selected:focus,
+  .flatpickr-day.startRange:focus,
+  .flatpickr-day.endRange:focus,
+  .flatpickr-day.selected:hover,
+  .flatpickr-day.startRange:hover,
+  .flatpickr-day.endRange:hover,
+  .flatpickr-day.selected.prevMonthDay,
+  .flatpickr-day.startRange.prevMonthDay,
+  .flatpickr-day.endRange.prevMonthDay,
+  .flatpickr-day.selected.nextMonthDay,
+  .flatpickr-day.startRange.nextMonthDay,
+  .flatpickr-day.endRange.nextMonthDay {
+    color: @fp-calendarBackground;
+    color: var(--fp-calendarBackground, @fp-calendarBackground);
+  }
+  .flatpickr-day.inRange,
+  .flatpickr-day.prevMonthDay.inRange,
+  .flatpickr-day.nextMonthDay.inRange,
+  .flatpickr-day.today.inRange,
+  .flatpickr-day.prevMonthDay.today.inRange,
+  .flatpickr-day.nextMonthDay.today.inRange,
+  .flatpickr-day:hover,
+  .flatpickr-day.prevMonthDay:hover,
+  .flatpickr-day.nextMonthDay:hover,
+  .flatpickr-day:focus,
+  .flatpickr-day.nextMonthDay:focus {
+    background: @fp-dayHoverBackground;
+    background: var(--fp-dayHoverBackground, @fp-dayHoverBackground);
+    border-color: @fp-dayHoverBackground;
+    border-color: var(--fp-dayHoverBackground, @fp-dayHoverBackground);
+  }
+  .flatpickr-day.inRange {
+    -webkit-box-shadow: -5px 0 0 @fp-dayHoverBackground, 5px 0 0 @fp-dayHoverBackground;
+    -webkit-box-shadow: -5px 0 0 var(--fp-dayHoverBackground, @fp-dayHoverBackground),
+                        5px 0 0 var(--fp-dayHoverBackground, @fp-dayHoverBackground);
+    box-shadow: -5px 0 0 @fp-dayHoverBackground, 5px 0 0 @fp-dayHoverBackground;
+    box-shadow: -5px 0 0 var(--fp-dayHoverBackground, @fp-dayHoverBackground),
+                5px 0 0 var(--fp-dayHoverBackground, @fp-dayHoverBackground);
+  }
+  .flatpickr-day.prevMonthDay,
+  .flatpickr-day.nextMonthDay,
+  .flatpickr-day.notAllowed,
+  .flatpickr-day.notAllowed.prevMonthDay,
+  .flatpickr-day.notAllowed.nextMonthDay {
+    color: @fp-outsideRangeDayForeground;
+    color: var(--fp-outsideRangeDayForeground, @fp-outsideRangeDayForeground);
+  }
+  .flatpickr-day.flatpickr-disabled,
+  .flatpickr-day.flatpickr-disabled:hover {
+    color: @fp-disabledDayForeground;
+    color: var(--fp-disabledDayForeground, @fp-disabledDayForeground);
+  }
+  .flatpickr-day.selected,
+  .flatpickr-day.startRange,
+  .flatpickr-day.endRange,
+  .flatpickr-day.selected.inRange,
+  .flatpickr-day.startRange.inRange,
+  .flatpickr-day.endRange.inRange,
+  .flatpickr-day.selected:focus,
+  .flatpickr-day.startRange:focus,
+  .flatpickr-day.endRange:focus,
+  .flatpickr-day.selected:hover,
+  .flatpickr-day.startRange:hover,
+  .flatpickr-day.endRange:hover,
+  .flatpickr-day.selected.prevMonthDay,
+  .flatpickr-day.startRange.prevMonthDay,
+  .flatpickr-day.endRange.prevMonthDay,
+  .flatpickr-day.selected.nextMonthDay,
+  .flatpickr-day.startRange.nextMonthDay,
+  .flatpickr-day.endRange.nextMonthDay {
+    background: @fp-selectedDayBackground;
+    background: var(--fp-selectedDayBackground, @fp-selectedDayBackground);
+    border-color: @fp-selectedDayBackground;
+    border-color: var(--fp-selectedDayBackground, @fp-selectedDayBackground);
+  }
+  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
+  .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
+  .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
+    -webkit-box-shadow: -10px 0 0 @fp-selectedDayBackground;
+    -webkit-box-shadow: -10px 0 0 var(--fp-selectedDayBackground, @fp-selectedDayBackground);
+    box-shadow: -10px 0 0 @fp-selectedDayBackground;
+    box-shadow: -10px 0 0 var(--fp-selectedDayBackground, @fp-selectedDayBackground);
+  }
+  .flatpickr-day.week.selected {
+    -webkit-box-shadow: -5px 0 0 @fp-selectedDayBackground, 5px 0 0 @fp-selectedDayBackground;
+    -webkit-box-shadow: -5px 0 0 var(--fp-selectedDayBackground, @fp-selectedDayBackground),
+                        5px 0 0 var(--fp-selectedDayBackground, @fp-selectedDayBackground);
+    box-shadow: -5px 0 0 @fp-selectedDayBackground, 5px 0 0 @fp-selectedDayBackground;
+    box-shadow: -5px 0 0 var(--fp-selectedDayBackground, @fp-selectedDayBackground),
+                5px 0 0 var(--fp-selectedDayBackground, @fp-selectedDayBackground);
+  }
+
+  .flatpickr-weekwrapper .flatpickr-weeks {
+    -webkit-box-shadow: 1px 0 0 @fp-calendarBorderColor;
+    -webkit-box-shadow: 1px 0 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor);
+    box-shadow: 1px 0 0 @fp-calendarBorderColor;
+    box-shadow: 1px 0 0 var(--fp-calendarBorderColor, @fp-calendarBorderColor);
+  }
+  .flatpickr-weekwrapper span.flatpickr-day,
+  .flatpickr-weekwrapper span.flatpickr-day:hover {
+    color: @fp-weekNumberForeground;
+    color: var(--fp-weekNumberForeground, @fp-weekNumberForeground);
+  }
+  .flatpickr-weekdays {
+    background: @fp-weekdaysBackground;
+    background: var(--fp-weekdaysBackground, @fp-weekdaysBackground);
+  }
+  span.flatpickr-weekday {
+    background: @fp-monthBackground;
+    background: var(--fp-monthBackground, @fp-monthBackground);
+    color: @fp-weekdaysForeground;
+    color: var(--fp-weekdaysForeground, @fp-weekdaysForeground);
+  }
+
+  .flatpickr-months .flatpickr-month {
+    background: @fp-monthBackground;
+    background: var(--fp-monthBackground, @fp-monthBackground);
+    color: @fp-monthForeground;
+    color: var(--fp-monthForeground, @fp-monthForeground);
+    fill: @fp-monthForeground;
+    fill: var(--fp-monthForeground, @fp-monthForeground);
+  }
+  .flatpickr-months .flatpickr-prev-month,
+  .flatpickr-months .flatpickr-next-month {
+    color: @fp-monthForeground;
+    color: var(--fp-monthForeground, @fp-monthForeground);
+    fill: @fp-monthForeground;
+    fill: var(--fp-monthForeground, @fp-monthForeground);
+  }
+  .flatpickr-months .flatpickr-prev-month:hover,
+  .flatpickr-months .flatpickr-next-month:hover {
+    color: @fp-todayColor;
+    color: var(--fp-todayColor, @fp-todayColor);
+  }
+  .flatpickr-months .flatpickr-prev-month:hover svg,
+  .flatpickr-months .flatpickr-next-month:hover svg {
+    fill: @fp-arrow_hover_color;
+    fill: var(--fp-arrow_hover_color, @fp-arrow_hover_color);
+  }
+  .flatpickr-current-month .flatpickr-monthDropdown-months {
+    background: @fp-monthBackground;
+    background: var(--fp-monthBackground, @fp-monthBackground);
+  }
+  .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
+    background-color: @fp-monthBackground;
+    background-color: var(--fp-monthBackground, @fp-monthBackground);
+  }
+  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
+    border-bottom-color: @fp-monthForeground;
+    border-bottom-color: var(--fp-monthForeground, @fp-monthForeground);
+  }
+  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
+    border-top-color: @fp-monthForeground;
+    border-top-color: var(--fp-monthForeground, @fp-monthForeground);
+  }
+
+  .numInputWrapper span {
+    border-color: @fp-numChooserBorderColor;
+    border-color: var(--fp-numChooserBorderColor, @fp-numChooserBorderColor);
+  }
+  .numInputWrapper span:hover {
+    background: @fp-hoverNumChooserBg;
+    background: var(--fp-hoverNumChooserBg, @fp-hoverNumChooserBg);
+  }
+  .numInputWrapper span:active {
+    background: @fp-hoverNumChooserBg;
+    background: var(--fp-hoverNumChooserBg, @fp-hoverNumChooserBg);
+  }
+  .numInputWrapper span svg path {
+    fill: @fp-numChooserSvgFillColor;
+    fill: var(--fp-numChooserSvgFillColor, @fp-numChooserSvgFillColor);
+  }
+  .numInputWrapper span.arrowUp:after {
+    border-bottom-color: @fp-arrowColor;
+    border-bottom-color: var(--fp-arrowColor, @fp-arrowColor);
+  }
+  .numInputWrapper span.arrowDown:after {
+    border-top-color: @fp-arrowColor;
+    border-top-color: var(--fp-arrowColor, @fp-arrowColor);
+  }
+  .numInputWrapper:hover {
+    background: @fp-hoverInvertedBg;
+    background: var(--fp-hoverInvertedBg, @fp-hoverInvertedBg);
+  }
+  .flatpickr-current-month span.cur-month:hover {
+    background: @fp-hoverInvertedBg;
+    background: var(--fp-hoverInvertedBg, @fp-hoverInvertedBg);
+  }
+  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
+    background: @fp-hoverInvertedBg;
+    background: var(--fp-hoverInvertedBg, @fp-hoverInvertedBg);
+  }
+
+  .flatpickr-time input:hover,
+  .flatpickr-time .flatpickr-am-pm:hover,
+  .flatpickr-time input:focus,
+  .flatpickr-time .flatpickr-am-pm:focus {
+    background: @fp-timeHoverBg;
+    background: var(--fp-timeHoverBg, @fp-timeHoverBg);
+  }
+  .flatpickr-time .numInputWrapper span.arrowUp:after {
+    border-bottom-color: @fp-dayForeground;
+    border-bottom-color: var(--fp-dayForeground, @fp-dayForeground);
+  }
+  .flatpickr-time .numInputWrapper span.arrowDown:after {
+    border-top-color: @fp-dayForeground;
+    border-top-color: var(--fp-dayForeground, @fp-dayForeground);
+  }
+  .flatpickr-time input {
+    color: @fp-dayForeground;
+    color: var(--fp-dayForeground, @fp-dayForeground);
+  }
+  .flatpickr-time .flatpickr-time-separator,
+  .flatpickr-time .flatpickr-am-pm {
+    color: @fp-dayForeground;
+    color: var(--fp-dayForeground, @fp-dayForeground);
+  }
+}
diff --git a/asset/css/vertical-key-value.less b/asset/css/vertical-key-value.less
new file mode 100644
index 0000000..3d315a4
--- /dev/null
+++ b/asset/css/vertical-key-value.less
@@ -0,0 +1,17 @@
+.vertical-key-value {
+  display: inline-block;
+  line-height: .75;
+  text-align: center;
+  vertical-align: middle;
+
+  .key {
+    font-size: 10/12em;
+    color: var(--default-text-color-light, @default-text-color-light);
+  }
+
+  .value {
+    color: var(--default-text-color, @default-text-color);
+    font-size: 1.5em;
+    font-weight: bold;
+  }
+}
diff --git a/asset/js/notjQuery.js b/asset/js/notjQuery.js
new file mode 100644
index 0000000..d24cd90
--- /dev/null
+++ b/asset/js/notjQuery.js
@@ -0,0 +1,161 @@
+define(function () {
+
+    "use strict";
+
+    class notjQuery {
+        /**
+         * Create a new notjQuery object
+         *
+         * @param {Element} element
+         */
+        constructor(element) {
+            if (! element) {
+                throw new Error("Can't create a notjQuery object for `" + element + "`");
+            }
+
+            this.element = element;
+        }
+
+        /**
+         * Add an event listener to the element
+         *
+         * @param {string} type
+         * @param {string} selector
+         * @param {function} handler
+         * @param {object} context
+         */
+        on(type, selector, handler, context = null) {
+            if (typeof selector === 'function') {
+                context = handler;
+                handler = selector;
+                selector = null;
+            }
+
+            if (selector === null) {
+                this.element.addEventListener(type, e => {
+                    if (type === 'focusin' && e.target.receivesCustomFocus) {
+                        // Ignore native focus event if a custom one follows
+                        if (e instanceof FocusEvent) {
+                            delete e.target.receivesCustomFocus;
+                            e.stopImmediatePropagation();
+                            return;
+                        }
+                    }
+
+                    if (context === null) {
+                        handler.apply(e.currentTarget, [e]);
+                    } else {
+                        handler.apply(context, [e]);
+                    }
+                });
+            } else {
+                this.element.addEventListener(type, e => {
+                    if (type === 'focusin' && e.target.receivesCustomFocus) {
+                        // Ignore native focus event if a custom one follows
+                        if (e instanceof FocusEvent) {
+                            delete e.target.receivesCustomFocus;
+                            e.stopImmediatePropagation();
+                            return;
+                        }
+                    }
+
+                    Object.defineProperty(e, 'currentTarget', { value: e.currentTarget, writable: true });
+
+                    let currentParent = e.currentTarget.parentNode;
+                    for (let target = e.target; target && target !== currentParent; target = target.parentNode) {
+                        if (target.matches(selector)) {
+                            e.currentTarget = target;
+                            if (context === null) {
+                                handler.apply(target, [e]);
+                            } else {
+                                handler.apply(context, [e]);
+                            }
+
+                            break;
+                        }
+                    }
+                }, false);
+            }
+        }
+
+        /**
+         * Trigger a custom event on the element, asynchronously
+         *
+         * The event will bubble and is not cancelable.
+         *
+         * @param {string} type
+         * @param {{}} detail
+         */
+        trigger(type, detail = null) {
+            setTimeout(() => {
+                this.element.dispatchEvent(new CustomEvent(type, {
+                    cancelable: true, // TODO: this should depend on whether it's a native or custom event
+                    bubbles: true,
+                    detail: detail
+                }));
+            }, 0);
+        }
+
+        /**
+         * Focus the element
+         *
+         * Any other option than `preventScroll` is used as `event.detail`.
+         *
+         * @param {{}} options
+         */
+        focus(options = {}) {
+            let { preventScroll = false, ...data } = options;
+
+            const hasData = Object.keys(data).length > 0;
+            if (hasData) {
+                this.element.receivesCustomFocus = true;
+            }
+
+            // Put separately on the event loop because focus() forces layout.
+            setTimeout(() => this.element.focus({ preventScroll: preventScroll }), 0);
+
+            if (hasData) {
+                this.trigger('focusin', data);
+            }
+        }
+
+        /**
+         * Render the element string as DOM Element
+         *
+         * @param {string} html
+         * @return {Element}
+         */
+        static render(html) {
+            if (typeof html !== 'string') {
+                throw new Error("Can\'t render `" + html + "`");
+            }
+
+            let template = document.createElement('template');
+            template.innerHTML = html;
+            return template.content.firstChild;
+        }
+    }
+
+    /**
+     * Return a notjQuery object for the given element
+     *
+     * @param {Element} element
+     * @return {notjQuery}
+     */
+    let factory = function (element) {
+        return new notjQuery(element);
+    }
+
+    // Define the static methods on the factory
+    for (let name of Object.getOwnPropertyNames(notjQuery)) {
+        if (['length', 'prototype', 'name'].includes(name)) {
+            continue;
+        }
+
+        Object.defineProperty(factory, name, {
+            value: notjQuery[name]
+        });
+    }
+
+    return factory;
+});
diff --git a/asset/js/vendor/Sortable.js b/asset/js/vendor/Sortable.js
new file mode 100644
index 0000000..8949720
--- /dev/null
+++ b/asset/js/vendor/Sortable.js
@@ -0,0 +1,3721 @@
+/**!
+ * Sortable 1.13.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+        typeof define === 'function' && define.icinga ? define(factory) :
+            (global = global || self, global.Sortable = factory());
+}(this, function () { 'use strict';
+
+    function _typeof(obj) {
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            _typeof = function (obj) {
+                return typeof obj;
+            };
+        } else {
+            _typeof = function (obj) {
+                return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+            };
+        }
+
+        return _typeof(obj);
+    }
+
+    function _defineProperty(obj, key, value) {
+        if (key in obj) {
+            Object.defineProperty(obj, key, {
+                value: value,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            obj[key] = value;
+        }
+
+        return obj;
+    }
+
+    function _extends() {
+        _extends = Object.assign || function (target) {
+            for (var i = 1; i < arguments.length; i++) {
+                var source = arguments[i];
+
+                for (var key in source) {
+                    if (Object.prototype.hasOwnProperty.call(source, key)) {
+                        target[key] = source[key];
+                    }
+                }
+            }
+
+            return target;
+        };
+
+        return _extends.apply(this, arguments);
+    }
+
+    function _objectSpread(target) {
+        for (var i = 1; i < arguments.length; i++) {
+            var source = arguments[i] != null ? arguments[i] : {};
+            var ownKeys = Object.keys(source);
+
+            if (typeof Object.getOwnPropertySymbols === 'function') {
+                ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+                    return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+                }));
+            }
+
+            ownKeys.forEach(function (key) {
+                _defineProperty(target, key, source[key]);
+            });
+        }
+
+        return target;
+    }
+
+    function _objectWithoutPropertiesLoose(source, excluded) {
+        if (source == null) return {};
+        var target = {};
+        var sourceKeys = Object.keys(source);
+        var key, i;
+
+        for (i = 0; i < sourceKeys.length; i++) {
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            target[key] = source[key];
+        }
+
+        return target;
+    }
+
+    function _objectWithoutProperties(source, excluded) {
+        if (source == null) return {};
+
+        var target = _objectWithoutPropertiesLoose(source, excluded);
+
+        var key, i;
+
+        if (Object.getOwnPropertySymbols) {
+            var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+            for (i = 0; i < sourceSymbolKeys.length; i++) {
+                key = sourceSymbolKeys[i];
+                if (excluded.indexOf(key) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+                target[key] = source[key];
+            }
+        }
+
+        return target;
+    }
+
+    function _toConsumableArray(arr) {
+        return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    }
+
+    function _arrayWithoutHoles(arr) {
+        if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+            return arr2;
+        }
+    }
+
+    function _iterableToArray(iter) {
+        if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    }
+
+    function _nonIterableSpread() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance");
+    }
+
+    var version = "1.13.0";
+
+    function userAgent(pattern) {
+        if (typeof window !== 'undefined' && window.navigator) {
+            return !!
+                /*@__PURE__*/
+                navigator.userAgent.match(pattern);
+        }
+    }
+
+    var IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
+    var Edge = userAgent(/Edge/i);
+    var FireFox = userAgent(/firefox/i);
+    var Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
+    var IOS = userAgent(/iP(ad|od|hone)/i);
+    var ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
+
+    var captureMode = {
+        capture: false,
+        passive: false
+    };
+
+    function on(el, event, fn) {
+        el.addEventListener(event, fn, !IE11OrLess && captureMode);
+    }
+
+    function off(el, event, fn) {
+        el.removeEventListener(event, fn, !IE11OrLess && captureMode);
+    }
+
+    function matches(
+        /**HTMLElement*/
+        el,
+        /**String*/
+        selector) {
+        if (!selector) return;
+        selector[0] === '>' && (selector = selector.substring(1));
+
+        if (el) {
+            try {
+                if (el.matches) {
+                    return el.matches(selector);
+                } else if (el.msMatchesSelector) {
+                    return el.msMatchesSelector(selector);
+                } else if (el.webkitMatchesSelector) {
+                    return el.webkitMatchesSelector(selector);
+                }
+            } catch (_) {
+                return false;
+            }
+        }
+
+        return false;
+    }
+
+    function getParentOrHost(el) {
+        return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;
+    }
+
+    function closest(
+        /**HTMLElement*/
+        el,
+        /**String*/
+        selector,
+        /**HTMLElement*/
+        ctx, includeCTX) {
+        if (el) {
+            ctx = ctx || document;
+
+            do {
+                if (selector != null && (selector[0] === '>' ? el.parentNode === ctx && matches(el, selector) : matches(el, selector)) || includeCTX && el === ctx) {
+                    return el;
+                }
+
+                if (el === ctx) break;
+                /* jshint boss:true */
+            } while (el = getParentOrHost(el));
+        }
+
+        return null;
+    }
+
+    var R_SPACE = /\s+/g;
+
+    function toggleClass(el, name, state) {
+        if (el && name) {
+            if (el.classList) {
+                el.classList[state ? 'add' : 'remove'](name);
+            } else {
+                var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
+                el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');
+            }
+        }
+    }
+
+    function css(el, prop, val) {
+        var style = el && el.style;
+
+        if (style) {
+            if (val === void 0) {
+                if (document.defaultView && document.defaultView.getComputedStyle) {
+                    val = document.defaultView.getComputedStyle(el, '');
+                } else if (el.currentStyle) {
+                    val = el.currentStyle;
+                }
+
+                return prop === void 0 ? val : val[prop];
+            } else {
+                if (!(prop in style) && prop.indexOf('webkit') === -1) {
+                    prop = '-webkit-' + prop;
+                }
+
+                style[prop] = val + (typeof val === 'string' ? '' : 'px');
+            }
+        }
+    }
+
+    function matrix(el, selfOnly) {
+        var appliedTransforms = '';
+
+        if (typeof el === 'string') {
+            appliedTransforms = el;
+        } else {
+            do {
+                var transform = css(el, 'transform');
+
+                if (transform && transform !== 'none') {
+                    appliedTransforms = transform + ' ' + appliedTransforms;
+                }
+                /* jshint boss:true */
+
+            } while (!selfOnly && (el = el.parentNode));
+        }
+
+        var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+        /*jshint -W056 */
+
+        return matrixFn && new matrixFn(appliedTransforms);
+    }
+
+    function find(ctx, tagName, iterator) {
+        if (ctx) {
+            var list = ctx.getElementsByTagName(tagName),
+                i = 0,
+                n = list.length;
+
+            if (iterator) {
+                for (; i < n; i++) {
+                    iterator(list[i], i);
+                }
+            }
+
+            return list;
+        }
+
+        return [];
+    }
+
+    function getWindowScrollingElement() {
+        var scrollingElement = document.scrollingElement;
+
+        if (scrollingElement) {
+            return scrollingElement;
+        } else {
+            return document.documentElement;
+        }
+    }
+    /**
+     * Returns the "bounding client rect" of given element
+     * @param  {HTMLElement} el                       The element whose boundingClientRect is wanted
+     * @param  {[Boolean]} relativeToContainingBlock  Whether the rect should be relative to the containing block of (including) the container
+     * @param  {[Boolean]} relativeToNonStaticParent  Whether the rect should be relative to the relative parent of (including) the contaienr
+     * @param  {[Boolean]} undoScale                  Whether the container's scale() should be undone
+     * @param  {[HTMLElement]} container              The parent the element will be placed in
+     * @return {Object}                               The boundingClientRect of el, with specified adjustments
+     */
+
+
+    function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
+        if (!el.getBoundingClientRect && el !== window) return;
+        var elRect, top, left, bottom, right, height, width;
+
+        if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
+            elRect = el.getBoundingClientRect();
+            top = elRect.top;
+            left = elRect.left;
+            bottom = elRect.bottom;
+            right = elRect.right;
+            height = elRect.height;
+            width = elRect.width;
+        } else {
+            top = 0;
+            left = 0;
+            bottom = window.innerHeight;
+            right = window.innerWidth;
+            height = window.innerHeight;
+            width = window.innerWidth;
+        }
+
+        if ((relativeToContainingBlock || relativeToNonStaticParent) && el !== window) {
+            // Adjust for translate()
+            container = container || el.parentNode; // solves #1123 (see: https://stackoverflow.com/a/37953806/6088312)
+            // Not needed on <= IE11
+
+            if (!IE11OrLess) {
+                do {
+                    if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {
+                        var containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
+
+                        top -= containerRect.top + parseInt(css(container, 'border-top-width'));
+                        left -= containerRect.left + parseInt(css(container, 'border-left-width'));
+                        bottom = top + elRect.height;
+                        right = left + elRect.width;
+                        break;
+                    }
+                    /* jshint boss:true */
+
+                } while (container = container.parentNode);
+            }
+        }
+
+        if (undoScale && el !== window) {
+            // Adjust for scale()
+            var elMatrix = matrix(container || el),
+                scaleX = elMatrix && elMatrix.a,
+                scaleY = elMatrix && elMatrix.d;
+
+            if (elMatrix) {
+                top /= scaleY;
+                left /= scaleX;
+                width /= scaleX;
+                height /= scaleY;
+                bottom = top + height;
+                right = left + width;
+            }
+        }
+
+        return {
+            top: top,
+            left: left,
+            bottom: bottom,
+            right: right,
+            width: width,
+            height: height
+        };
+    }
+    /**
+     * Checks if a side of an element is scrolled past a side of its parents
+     * @param  {HTMLElement}  el           The element who's side being scrolled out of view is in question
+     * @param  {String}       elSide       Side of the element in question ('top', 'left', 'right', 'bottom')
+     * @param  {String}       parentSide   Side of the parent in question ('top', 'left', 'right', 'bottom')
+     * @return {HTMLElement}               The parent scroll element that the el's side is scrolled past, or null if there is no such element
+     */
+
+
+    function isScrolledPast(el, elSide, parentSide) {
+        var parent = getParentAutoScrollElement(el, true),
+            elSideVal = getRect(el)[elSide];
+        /* jshint boss:true */
+
+        while (parent) {
+            var parentSideVal = getRect(parent)[parentSide],
+                visible = void 0;
+
+            if (parentSide === 'top' || parentSide === 'left') {
+                visible = elSideVal >= parentSideVal;
+            } else {
+                visible = elSideVal <= parentSideVal;
+            }
+
+            if (!visible) return parent;
+            if (parent === getWindowScrollingElement()) break;
+            parent = getParentAutoScrollElement(parent, false);
+        }
+
+        return false;
+    }
+    /**
+     * Gets nth child of el, ignoring hidden children, sortable's elements (does not ignore clone if it's visible)
+     * and non-draggable elements
+     * @param  {HTMLElement} el       The parent element
+     * @param  {Number} childNum      The index of the child
+     * @param  {Object} options       Parent Sortable's options
+     * @return {HTMLElement}          The child at index childNum, or null if not found
+     */
+
+
+    function getChild(el, childNum, options) {
+        var currentChild = 0,
+            i = 0,
+            children = el.children;
+
+        while (i < children.length) {
+            if (children[i].style.display !== 'none' && children[i] !== Sortable.ghost && children[i] !== Sortable.dragged && closest(children[i], options.draggable, el, false)) {
+                if (currentChild === childNum) {
+                    return children[i];
+                }
+
+                currentChild++;
+            }
+
+            i++;
+        }
+
+        return null;
+    }
+    /**
+     * Gets the last child in the el, ignoring ghostEl or invisible elements (clones)
+     * @param  {HTMLElement} el       Parent element
+     * @param  {selector} selector    Any other elements that should be ignored
+     * @return {HTMLElement}          The last child, ignoring ghostEl
+     */
+
+
+    function lastChild(el, selector) {
+        var last = el.lastElementChild;
+
+        while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {
+            last = last.previousElementSibling;
+        }
+
+        return last || null;
+    }
+    /**
+     * Returns the index of an element within its parent for a selected set of
+     * elements
+     * @param  {HTMLElement} el
+     * @param  {selector} selector
+     * @return {number}
+     */
+
+
+    function index(el, selector) {
+        var index = 0;
+
+        if (!el || !el.parentNode) {
+            return -1;
+        }
+        /* jshint boss:true */
+
+
+        while (el = el.previousElementSibling) {
+            if (el.nodeName.toUpperCase() !== 'TEMPLATE' && el !== Sortable.clone && (!selector || matches(el, selector))) {
+                index++;
+            }
+        }
+
+        return index;
+    }
+    /**
+     * Returns the scroll offset of the given element, added with all the scroll offsets of parent elements.
+     * The value is returned in real pixels.
+     * @param  {HTMLElement} el
+     * @return {Array}             Offsets in the format of [left, top]
+     */
+
+
+    function getRelativeScrollOffset(el) {
+        var offsetLeft = 0,
+            offsetTop = 0,
+            winScroller = getWindowScrollingElement();
+
+        if (el) {
+            do {
+                var elMatrix = matrix(el),
+                    scaleX = elMatrix.a,
+                    scaleY = elMatrix.d;
+                offsetLeft += el.scrollLeft * scaleX;
+                offsetTop += el.scrollTop * scaleY;
+            } while (el !== winScroller && (el = el.parentNode));
+        }
+
+        return [offsetLeft, offsetTop];
+    }
+    /**
+     * Returns the index of the object within the given array
+     * @param  {Array} arr   Array that may or may not hold the object
+     * @param  {Object} obj  An object that has a key-value pair unique to and identical to a key-value pair in the object you want to find
+     * @return {Number}      The index of the object in the array, or -1
+     */
+
+
+    function indexOfObject(arr, obj) {
+        for (var i in arr) {
+            if (!arr.hasOwnProperty(i)) continue;
+
+            for (var key in obj) {
+                if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
+            }
+        }
+
+        return -1;
+    }
+
+    function getParentAutoScrollElement(el, includeSelf) {
+        // skip to window
+        if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
+        var elem = el;
+        var gotSelf = false;
+
+        do {
+            // we don't need to get elem css if it isn't even overflowing in the first place (performance)
+            if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
+                var elemCSS = css(elem);
+
+                if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
+                    if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
+                    if (gotSelf || includeSelf) return elem;
+                    gotSelf = true;
+                }
+            }
+            /* jshint boss:true */
+
+        } while (elem = elem.parentNode);
+
+        return getWindowScrollingElement();
+    }
+
+    function extend(dst, src) {
+        if (dst && src) {
+            for (var key in src) {
+                if (src.hasOwnProperty(key)) {
+                    dst[key] = src[key];
+                }
+            }
+        }
+
+        return dst;
+    }
+
+    function isRectEqual(rect1, rect2) {
+        return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
+    }
+
+    var _throttleTimeout;
+
+    function throttle(callback, ms) {
+        return function () {
+            if (!_throttleTimeout) {
+                var args = arguments,
+                    _this = this;
+
+                if (args.length === 1) {
+                    callback.call(_this, args[0]);
+                } else {
+                    callback.apply(_this, args);
+                }
+
+                _throttleTimeout = setTimeout(function () {
+                    _throttleTimeout = void 0;
+                }, ms);
+            }
+        };
+    }
+
+    function cancelThrottle() {
+        clearTimeout(_throttleTimeout);
+        _throttleTimeout = void 0;
+    }
+
+    function scrollBy(el, x, y) {
+        el.scrollLeft += x;
+        el.scrollTop += y;
+    }
+
+    function clone(el) {
+        var Polymer = window.Polymer;
+        var $ = window.jQuery || window.Zepto;
+
+        if (Polymer && Polymer.dom) {
+            return Polymer.dom(el).cloneNode(true);
+        } else if ($) {
+            return $(el).clone(true)[0];
+        } else {
+            return el.cloneNode(true);
+        }
+    }
+
+    function setRect(el, rect) {
+        css(el, 'position', 'absolute');
+        css(el, 'top', rect.top);
+        css(el, 'left', rect.left);
+        css(el, 'width', rect.width);
+        css(el, 'height', rect.height);
+    }
+
+    function unsetRect(el) {
+        css(el, 'position', '');
+        css(el, 'top', '');
+        css(el, 'left', '');
+        css(el, 'width', '');
+        css(el, 'height', '');
+    }
+
+    var expando = 'Sortable' + new Date().getTime();
+
+    function AnimationStateManager() {
+        var animationStates = [],
+            animationCallbackId;
+        return {
+            captureAnimationState: function captureAnimationState() {
+                animationStates = [];
+                if (!this.options.animation) return;
+                var children = [].slice.call(this.el.children);
+                children.forEach(function (child) {
+                    if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
+                    animationStates.push({
+                        target: child,
+                        rect: getRect(child)
+                    });
+
+                    var fromRect = _objectSpread({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation
+
+
+                    if (child.thisAnimationDuration) {
+                        var childMatrix = matrix(child, true);
+
+                        if (childMatrix) {
+                            fromRect.top -= childMatrix.f;
+                            fromRect.left -= childMatrix.e;
+                        }
+                    }
+
+                    child.fromRect = fromRect;
+                });
+            },
+            addAnimationState: function addAnimationState(state) {
+                animationStates.push(state);
+            },
+            removeAnimationState: function removeAnimationState(target) {
+                animationStates.splice(indexOfObject(animationStates, {
+                    target: target
+                }), 1);
+            },
+            animateAll: function animateAll(callback) {
+                var _this = this;
+
+                if (!this.options.animation) {
+                    clearTimeout(animationCallbackId);
+                    if (typeof callback === 'function') callback();
+                    return;
+                }
+
+                var animating = false,
+                    animationTime = 0;
+                animationStates.forEach(function (state) {
+                    var time = 0,
+                        target = state.target,
+                        fromRect = target.fromRect,
+                        toRect = getRect(target),
+                        prevFromRect = target.prevFromRect,
+                        prevToRect = target.prevToRect,
+                        animatingRect = state.rect,
+                        targetMatrix = matrix(target, true);
+
+                    if (targetMatrix) {
+                        // Compensate for current animation
+                        toRect.top -= targetMatrix.f;
+                        toRect.left -= targetMatrix.e;
+                    }
+
+                    target.toRect = toRect;
+
+                    if (target.thisAnimationDuration) {
+                        // Could also check if animatingRect is between fromRect and toRect
+                        if (isRectEqual(prevFromRect, toRect) && !isRectEqual(fromRect, toRect) && // Make sure animatingRect is on line between toRect & fromRect
+                            (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) {
+                            // If returning to same place as started from animation and on same axis
+                            time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options);
+                        }
+                    } // if fromRect != toRect: animate
+
+
+                    if (!isRectEqual(toRect, fromRect)) {
+                        target.prevFromRect = fromRect;
+                        target.prevToRect = toRect;
+
+                        if (!time) {
+                            time = _this.options.animation;
+                        }
+
+                        _this.animate(target, animatingRect, toRect, time);
+                    }
+
+                    if (time) {
+                        animating = true;
+                        animationTime = Math.max(animationTime, time);
+                        clearTimeout(target.animationResetTimer);
+                        target.animationResetTimer = setTimeout(function () {
+                            target.animationTime = 0;
+                            target.prevFromRect = null;
+                            target.fromRect = null;
+                            target.prevToRect = null;
+                            target.thisAnimationDuration = null;
+                        }, time);
+                        target.thisAnimationDuration = time;
+                    }
+                });
+                clearTimeout(animationCallbackId);
+
+                if (!animating) {
+                    if (typeof callback === 'function') callback();
+                } else {
+                    animationCallbackId = setTimeout(function () {
+                        if (typeof callback === 'function') callback();
+                    }, animationTime);
+                }
+
+                animationStates = [];
+            },
+            animate: function animate(target, currentRect, toRect, duration) {
+                if (duration) {
+                    css(target, 'transition', '');
+                    css(target, 'transform', '');
+                    var elMatrix = matrix(this.el),
+                        scaleX = elMatrix && elMatrix.a,
+                        scaleY = elMatrix && elMatrix.d,
+                        translateX = (currentRect.left - toRect.left) / (scaleX || 1),
+                        translateY = (currentRect.top - toRect.top) / (scaleY || 1);
+                    target.animatingX = !!translateX;
+                    target.animatingY = !!translateY;
+                    css(target, 'transform', 'translate3d(' + translateX + 'px,' + translateY + 'px,0)');
+                    this.forRepaintDummy = repaint(target); // repaint
+
+                    css(target, 'transition', 'transform ' + duration + 'ms' + (this.options.easing ? ' ' + this.options.easing : ''));
+                    css(target, 'transform', 'translate3d(0,0,0)');
+                    typeof target.animated === 'number' && clearTimeout(target.animated);
+                    target.animated = setTimeout(function () {
+                        css(target, 'transition', '');
+                        css(target, 'transform', '');
+                        target.animated = false;
+                        target.animatingX = false;
+                        target.animatingY = false;
+                    }, duration);
+                }
+            }
+        };
+    }
+
+    function repaint(target) {
+        return target.offsetWidth;
+    }
+
+    function calculateRealTime(animatingRect, fromRect, toRect, options) {
+        return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
+    }
+
+    var plugins = [];
+    var defaults = {
+        initializeByDefault: true
+    };
+    var PluginManager = {
+        mount: function mount(plugin) {
+            // Set default static properties
+            for (var option in defaults) {
+                if (defaults.hasOwnProperty(option) && !(option in plugin)) {
+                    plugin[option] = defaults[option];
+                }
+            }
+
+            plugins.forEach(function (p) {
+                if (p.pluginName === plugin.pluginName) {
+                    throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
+                }
+            });
+            plugins.push(plugin);
+        },
+        pluginEvent: function pluginEvent(eventName, sortable, evt) {
+            var _this = this;
+
+            this.eventCanceled = false;
+
+            evt.cancel = function () {
+                _this.eventCanceled = true;
+            };
+
+            var eventNameGlobal = eventName + 'Global';
+            plugins.forEach(function (plugin) {
+                if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable
+
+                if (sortable[plugin.pluginName][eventNameGlobal]) {
+                    sortable[plugin.pluginName][eventNameGlobal](_objectSpread({
+                        sortable: sortable
+                    }, evt));
+                } // Only fire plugin event if plugin is enabled in this sortable,
+                // and plugin has event defined
+
+
+                if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
+                    sortable[plugin.pluginName][eventName](_objectSpread({
+                        sortable: sortable
+                    }, evt));
+                }
+            });
+        },
+        initializePlugins: function initializePlugins(sortable, el, defaults, options) {
+            plugins.forEach(function (plugin) {
+                var pluginName = plugin.pluginName;
+                if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
+                var initialized = new plugin(sortable, el, sortable.options);
+                initialized.sortable = sortable;
+                initialized.options = sortable.options;
+                sortable[pluginName] = initialized; // Add default options from plugin
+
+                _extends(defaults, initialized.defaults);
+            });
+
+            for (var option in sortable.options) {
+                if (!sortable.options.hasOwnProperty(option)) continue;
+                var modified = this.modifyOption(sortable, option, sortable.options[option]);
+
+                if (typeof modified !== 'undefined') {
+                    sortable.options[option] = modified;
+                }
+            }
+        },
+        getEventProperties: function getEventProperties(name, sortable) {
+            var eventProperties = {};
+            plugins.forEach(function (plugin) {
+                if (typeof plugin.eventProperties !== 'function') return;
+
+                _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
+            });
+            return eventProperties;
+        },
+        modifyOption: function modifyOption(sortable, name, value) {
+            var modifiedValue;
+            plugins.forEach(function (plugin) {
+                // Plugin must exist on the Sortable
+                if (!sortable[plugin.pluginName]) return; // If static option listener exists for this option, call in the context of the Sortable's instance of this plugin
+
+                if (plugin.optionListeners && typeof plugin.optionListeners[name] === 'function') {
+                    modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value);
+                }
+            });
+            return modifiedValue;
+        }
+    };
+
+    function dispatchEvent(_ref) {
+        var sortable = _ref.sortable,
+            rootEl = _ref.rootEl,
+            name = _ref.name,
+            targetEl = _ref.targetEl,
+            cloneEl = _ref.cloneEl,
+            toEl = _ref.toEl,
+            fromEl = _ref.fromEl,
+            oldIndex = _ref.oldIndex,
+            newIndex = _ref.newIndex,
+            oldDraggableIndex = _ref.oldDraggableIndex,
+            newDraggableIndex = _ref.newDraggableIndex,
+            originalEvent = _ref.originalEvent,
+            putSortable = _ref.putSortable,
+            extraEventProperties = _ref.extraEventProperties;
+        sortable = sortable || rootEl && rootEl[expando];
+        if (!sortable) return;
+        var evt,
+            options = sortable.options,
+            onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature
+
+        if (window.CustomEvent && !IE11OrLess && !Edge) {
+            evt = new CustomEvent(name, {
+                bubbles: true,
+                cancelable: true
+            });
+        } else {
+            evt = document.createEvent('Event');
+            evt.initEvent(name, true, true);
+        }
+
+        evt.to = toEl || rootEl;
+        evt.from = fromEl || rootEl;
+        evt.item = targetEl || rootEl;
+        evt.clone = cloneEl;
+        evt.oldIndex = oldIndex;
+        evt.newIndex = newIndex;
+        evt.oldDraggableIndex = oldDraggableIndex;
+        evt.newDraggableIndex = newDraggableIndex;
+        evt.originalEvent = originalEvent;
+        evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
+
+        var allEventProperties = _objectSpread({}, extraEventProperties, PluginManager.getEventProperties(name, sortable));
+
+        for (var option in allEventProperties) {
+            evt[option] = allEventProperties[option];
+        }
+
+        if (rootEl) {
+            rootEl.dispatchEvent(evt);
+        }
+
+        if (options[onName]) {
+            options[onName].call(sortable, evt);
+        }
+    }
+
+    var pluginEvent = function pluginEvent(eventName, sortable) {
+        var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+            originalEvent = _ref.evt,
+            data = _objectWithoutProperties(_ref, ["evt"]);
+
+        PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread({
+            dragEl: dragEl,
+            parentEl: parentEl,
+            ghostEl: ghostEl,
+            rootEl: rootEl,
+            nextEl: nextEl,
+            lastDownEl: lastDownEl,
+            cloneEl: cloneEl,
+            cloneHidden: cloneHidden,
+            dragStarted: moved,
+            putSortable: putSortable,
+            activeSortable: Sortable.active,
+            originalEvent: originalEvent,
+            oldIndex: oldIndex,
+            oldDraggableIndex: oldDraggableIndex,
+            newIndex: newIndex,
+            newDraggableIndex: newDraggableIndex,
+            hideGhostForTarget: _hideGhostForTarget,
+            unhideGhostForTarget: _unhideGhostForTarget,
+            cloneNowHidden: function cloneNowHidden() {
+                cloneHidden = true;
+            },
+            cloneNowShown: function cloneNowShown() {
+                cloneHidden = false;
+            },
+            dispatchSortableEvent: function dispatchSortableEvent(name) {
+                _dispatchEvent({
+                    sortable: sortable,
+                    name: name,
+                    originalEvent: originalEvent
+                });
+            }
+        }, data));
+    };
+
+    function _dispatchEvent(info) {
+        dispatchEvent(_objectSpread({
+            putSortable: putSortable,
+            cloneEl: cloneEl,
+            targetEl: dragEl,
+            rootEl: rootEl,
+            oldIndex: oldIndex,
+            oldDraggableIndex: oldDraggableIndex,
+            newIndex: newIndex,
+            newDraggableIndex: newDraggableIndex
+        }, info));
+    }
+
+    var dragEl,
+        parentEl,
+        ghostEl,
+        rootEl,
+        nextEl,
+        lastDownEl,
+        cloneEl,
+        cloneHidden,
+        oldIndex,
+        newIndex,
+        oldDraggableIndex,
+        newDraggableIndex,
+        activeGroup,
+        putSortable,
+        awaitingDragStarted = false,
+        ignoreNextClick = false,
+        sortables = [],
+        tapEvt,
+        touchEvt,
+        lastDx,
+        lastDy,
+        tapDistanceLeft,
+        tapDistanceTop,
+        moved,
+        lastTarget,
+        lastDirection,
+        pastFirstInvertThresh = false,
+        isCircumstantialInvert = false,
+        targetMoveDistance,
+        // For positioning ghost absolutely
+        ghostRelativeParent,
+        ghostRelativeParentInitialScroll = [],
+        // (left, top)
+        _silent = false,
+        savedInputChecked = [];
+    /** @const */
+
+    var documentExists = typeof document !== 'undefined',
+        PositionGhostAbsolutely = IOS,
+        CSSFloatProperty = Edge || IE11OrLess ? 'cssFloat' : 'float',
+        // This will not pass for IE9, because IE9 DnD only works on anchors
+        supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
+        supportCssPointerEvents = function () {
+            if (!documentExists) return; // false when <= IE11
+
+            if (IE11OrLess) {
+                return false;
+            }
+
+            var el = document.createElement('x');
+            el.style.cssText = 'pointer-events:auto';
+            return el.style.pointerEvents === 'auto';
+        }(),
+        _detectDirection = function _detectDirection(el, options) {
+            var elCSS = css(el),
+                elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),
+                child1 = getChild(el, 0, options),
+                child2 = getChild(el, 1, options),
+                firstChildCSS = child1 && css(child1),
+                secondChildCSS = child2 && css(child2),
+                firstChildWidth = firstChildCSS && parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width,
+                secondChildWidth = secondChildCSS && parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width;
+
+            if (elCSS.display === 'flex') {
+                return elCSS.flexDirection === 'column' || elCSS.flexDirection === 'column-reverse' ? 'vertical' : 'horizontal';
+            }
+
+            if (elCSS.display === 'grid') {
+                return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
+            }
+
+            if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
+                var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
+                return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
+            }
+
+            return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';
+        },
+        _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
+            var dragElS1Opp = vertical ? dragRect.left : dragRect.top,
+                dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,
+                dragElOppLength = vertical ? dragRect.width : dragRect.height,
+                targetS1Opp = vertical ? targetRect.left : targetRect.top,
+                targetS2Opp = vertical ? targetRect.right : targetRect.bottom,
+                targetOppLength = vertical ? targetRect.width : targetRect.height;
+            return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;
+        },
+
+        /**
+         * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.
+         * @param  {Number} x      X position
+         * @param  {Number} y      Y position
+         * @return {HTMLElement}   Element of the first found nearest Sortable
+         */
+        _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
+            var ret;
+            sortables.some(function (sortable) {
+                if (lastChild(sortable)) return;
+                var rect = getRect(sortable),
+                    threshold = sortable[expando].options.emptyInsertThreshold,
+                    insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
+                    insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
+
+                if (threshold && insideHorizontally && insideVertically) {
+                    return ret = sortable;
+                }
+            });
+            return ret;
+        },
+        _prepareGroup = function _prepareGroup(options) {
+            function toFn(value, pull) {
+                return function (to, from, dragEl, evt) {
+                    var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
+
+                    if (value == null && (pull || sameGroup)) {
+                        // Default pull value
+                        // Default pull and put value if same group
+                        return true;
+                    } else if (value == null || value === false) {
+                        return false;
+                    } else if (pull && value === 'clone') {
+                        return value;
+                    } else if (typeof value === 'function') {
+                        return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
+                    } else {
+                        var otherGroup = (pull ? to : from).options.group.name;
+                        return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
+                    }
+                };
+            }
+
+            var group = {};
+            var originalGroup = options.group;
+
+            if (!originalGroup || _typeof(originalGroup) != 'object') {
+                originalGroup = {
+                    name: originalGroup
+                };
+            }
+
+            group.name = originalGroup.name;
+            group.checkPull = toFn(originalGroup.pull, true);
+            group.checkPut = toFn(originalGroup.put);
+            group.revertClone = originalGroup.revertClone;
+            options.group = group;
+        },
+        _hideGhostForTarget = function _hideGhostForTarget() {
+            if (!supportCssPointerEvents && ghostEl) {
+                css(ghostEl, 'display', 'none');
+            }
+        },
+        _unhideGhostForTarget = function _unhideGhostForTarget() {
+            if (!supportCssPointerEvents && ghostEl) {
+                css(ghostEl, 'display', '');
+            }
+        }; // #1184 fix - Prevent click event on fallback if dragged but item not changed position
+
+
+    if (documentExists) {
+        document.addEventListener('click', function (evt) {
+            if (ignoreNextClick) {
+                evt.preventDefault();
+                evt.stopPropagation && evt.stopPropagation();
+                evt.stopImmediatePropagation && evt.stopImmediatePropagation();
+                ignoreNextClick = false;
+                return false;
+            }
+        }, true);
+    }
+
+    var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
+        if (dragEl) {
+            evt = evt.touches ? evt.touches[0] : evt;
+
+            var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
+
+            if (nearest) {
+                // Create imitation event
+                var event = {};
+
+                for (var i in evt) {
+                    if (evt.hasOwnProperty(i)) {
+                        event[i] = evt[i];
+                    }
+                }
+
+                event.target = event.rootEl = nearest;
+                event.preventDefault = void 0;
+                event.stopPropagation = void 0;
+
+                nearest[expando]._onDragOver(event);
+            }
+        }
+    };
+
+    var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
+        if (dragEl) {
+            dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
+        }
+    };
+    /**
+     * @class  Sortable
+     * @param  {HTMLElement}  el
+     * @param  {Object}       [options]
+     */
+
+
+    function Sortable(el, options) {
+        if (!(el && el.nodeType && el.nodeType === 1)) {
+            throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
+        }
+
+        this.el = el; // root element
+
+        this.options = options = _extends({}, options); // Export instance
+
+        el[expando] = this;
+        var defaults = {
+            group: null,
+            sort: true,
+            disabled: false,
+            store: null,
+            handle: null,
+            draggable: /^[uo]l$/i.test(el.nodeName) ? '>li' : '>*',
+            swapThreshold: 1,
+            // percentage; 0 <= x <= 1
+            invertSwap: false,
+            // invert always
+            invertedSwapThreshold: null,
+            // will be set to same as swapThreshold if default
+            removeCloneOnHide: true,
+            direction: function direction() {
+                return _detectDirection(el, this.options);
+            },
+            ghostClass: 'sortable-ghost',
+            chosenClass: 'sortable-chosen',
+            dragClass: 'sortable-drag',
+            ignore: 'a, img',
+            filter: null,
+            preventOnFilter: true,
+            animation: 0,
+            easing: null,
+            setData: function setData(dataTransfer, dragEl) {
+                dataTransfer.setData('Text', dragEl.textContent);
+            },
+            dropBubble: false,
+            dragoverBubble: false,
+            dataIdAttr: 'data-id',
+            delay: 0,
+            delayOnTouchOnly: false,
+            touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+            forceFallback: false,
+            fallbackClass: 'sortable-fallback',
+            fallbackOnBody: false,
+            fallbackTolerance: 0,
+            fallbackOffset: {
+                x: 0,
+                y: 0
+            },
+            supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && !Safari,
+            emptyInsertThreshold: 5
+        };
+        PluginManager.initializePlugins(this, el, defaults); // Set default options
+
+        for (var name in defaults) {
+            !(name in options) && (options[name] = defaults[name]);
+        }
+
+        _prepareGroup(options); // Bind all private methods
+
+
+        for (var fn in this) {
+            if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
+                this[fn] = this[fn].bind(this);
+            }
+        } // Setup drag mode
+
+
+        this.nativeDraggable = options.forceFallback ? false : supportDraggable;
+
+        if (this.nativeDraggable) {
+            // Touch start threshold cannot be greater than the native dragstart threshold
+            this.options.touchStartThreshold = 1;
+        } // Bind events
+
+
+        if (options.supportPointer) {
+            on(el, 'pointerdown', this._onTapStart);
+        } else {
+            on(el, 'mousedown', this._onTapStart);
+            on(el, 'touchstart', this._onTapStart);
+        }
+
+        if (this.nativeDraggable) {
+            on(el, 'dragover', this);
+            on(el, 'dragenter', this);
+        }
+
+        sortables.push(this.el); // Restore sorting
+
+        options.store && options.store.get && this.sort(options.store.get(this) || []); // Add animation state manager
+
+        _extends(this, AnimationStateManager());
+    }
+
+    Sortable.prototype =
+        /** @lends Sortable.prototype */
+        {
+            constructor: Sortable,
+            _isOutsideThisEl: function _isOutsideThisEl(target) {
+                if (!this.el.contains(target) && target !== this.el) {
+                    lastTarget = null;
+                }
+            },
+            _getDirection: function _getDirection(evt, target) {
+                return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
+            },
+            _onTapStart: function _onTapStart(
+                /** Event|TouchEvent */
+                evt) {
+                if (!evt.cancelable) return;
+
+                var _this = this,
+                    el = this.el,
+                    options = this.options,
+                    preventOnFilter = options.preventOnFilter,
+                    type = evt.type,
+                    touch = evt.touches && evt.touches[0] || evt.pointerType && evt.pointerType === 'touch' && evt,
+                    target = (touch || evt).target,
+                    originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0] || evt.composedPath && evt.composedPath()[0]) || target,
+                    filter = options.filter;
+
+                _saveInputCheckedState(el); // Don't trigger start event when an element is been dragged, otherwise the evt.oldindex always wrong when set option.group.
+
+
+                if (dragEl) {
+                    return;
+                }
+
+                if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) {
+                    return; // only left button and enabled
+                } // cancel dnd if original target is content editable
+
+
+                if (originalTarget.isContentEditable) {
+                    return;
+                } // Safari ignores further event handling after mousedown
+
+
+                if (!this.nativeDraggable && Safari && target && target.tagName.toUpperCase() === 'SELECT') {
+                    return;
+                }
+
+                target = closest(target, options.draggable, el, false);
+
+                if (target && target.animated) {
+                    return;
+                }
+
+                if (lastDownEl === target) {
+                    // Ignoring duplicate `down`
+                    return;
+                } // Get the index of the dragged element within its parent
+
+
+                oldIndex = index(target);
+                oldDraggableIndex = index(target, options.draggable); // Check filter
+
+                if (typeof filter === 'function') {
+                    if (filter.call(this, evt, target, this)) {
+                        _dispatchEvent({
+                            sortable: _this,
+                            rootEl: originalTarget,
+                            name: 'filter',
+                            targetEl: target,
+                            toEl: el,
+                            fromEl: el
+                        });
+
+                        pluginEvent('filter', _this, {
+                            evt: evt
+                        });
+                        preventOnFilter && evt.cancelable && evt.preventDefault();
+                        return; // cancel dnd
+                    }
+                } else if (filter) {
+                    filter = filter.split(',').some(function (criteria) {
+                        criteria = closest(originalTarget, criteria.trim(), el, false);
+
+                        if (criteria) {
+                            _dispatchEvent({
+                                sortable: _this,
+                                rootEl: criteria,
+                                name: 'filter',
+                                targetEl: target,
+                                fromEl: el,
+                                toEl: el
+                            });
+
+                            pluginEvent('filter', _this, {
+                                evt: evt
+                            });
+                            return true;
+                        }
+                    });
+
+                    if (filter) {
+                        preventOnFilter && evt.cancelable && evt.preventDefault();
+                        return; // cancel dnd
+                    }
+                }
+
+                if (options.handle && !closest(originalTarget, options.handle, el, false)) {
+                    return;
+                } // Prepare `dragstart`
+
+
+                this._prepareDragStart(evt, touch, target);
+            },
+            _prepareDragStart: function _prepareDragStart(
+                /** Event */
+                evt,
+                /** Touch */
+                touch,
+                /** HTMLElement */
+                target) {
+                var _this = this,
+                    el = _this.el,
+                    options = _this.options,
+                    ownerDocument = el.ownerDocument,
+                    dragStartFn;
+
+                if (target && !dragEl && target.parentNode === el) {
+                    var dragRect = getRect(target);
+                    rootEl = el;
+                    dragEl = target;
+                    parentEl = dragEl.parentNode;
+                    nextEl = dragEl.nextSibling;
+                    lastDownEl = target;
+                    activeGroup = options.group;
+                    Sortable.dragged = dragEl;
+                    tapEvt = {
+                        target: dragEl,
+                        clientX: (touch || evt).clientX,
+                        clientY: (touch || evt).clientY
+                    };
+                    tapDistanceLeft = tapEvt.clientX - dragRect.left;
+                    tapDistanceTop = tapEvt.clientY - dragRect.top;
+                    this._lastX = (touch || evt).clientX;
+                    this._lastY = (touch || evt).clientY;
+                    dragEl.style['will-change'] = 'all';
+
+                    dragStartFn = function dragStartFn() {
+                        pluginEvent('delayEnded', _this, {
+                            evt: evt
+                        });
+
+                        if (Sortable.eventCanceled) {
+                            _this._onDrop();
+
+                            return;
+                        } // Delayed drag has been triggered
+                        // we can re-enable the events: touchmove/mousemove
+
+
+                        _this._disableDelayedDragEvents();
+
+                        if (!FireFox && _this.nativeDraggable) {
+                            dragEl.draggable = true;
+                        } // Bind the events: dragstart/dragend
+
+
+                        _this._triggerDragStart(evt, touch); // Drag start event
+
+
+                        _dispatchEvent({
+                            sortable: _this,
+                            name: 'choose',
+                            originalEvent: evt
+                        }); // Chosen item
+
+
+                        toggleClass(dragEl, options.chosenClass, true);
+                    }; // Disable "draggable"
+
+
+                    options.ignore.split(',').forEach(function (criteria) {
+                        find(dragEl, criteria.trim(), _disableDraggable);
+                    });
+                    on(ownerDocument, 'dragover', nearestEmptyInsertDetectEvent);
+                    on(ownerDocument, 'mousemove', nearestEmptyInsertDetectEvent);
+                    on(ownerDocument, 'touchmove', nearestEmptyInsertDetectEvent);
+                    on(ownerDocument, 'mouseup', _this._onDrop);
+                    on(ownerDocument, 'touchend', _this._onDrop);
+                    on(ownerDocument, 'touchcancel', _this._onDrop); // Make dragEl draggable (must be before delay for FireFox)
+
+                    if (FireFox && this.nativeDraggable) {
+                        this.options.touchStartThreshold = 4;
+                        dragEl.draggable = true;
+                    }
+
+                    pluginEvent('delayStart', this, {
+                        evt: evt
+                    }); // Delay is impossible for native DnD in Edge or IE
+
+                    if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
+                        if (Sortable.eventCanceled) {
+                            this._onDrop();
+
+                            return;
+                        } // If the user moves the pointer or let go the click or touch
+                        // before the delay has been reached:
+                        // disable the delayed drag
+
+
+                        on(ownerDocument, 'mouseup', _this._disableDelayedDrag);
+                        on(ownerDocument, 'touchend', _this._disableDelayedDrag);
+                        on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);
+                        on(ownerDocument, 'mousemove', _this._delayedDragTouchMoveHandler);
+                        on(ownerDocument, 'touchmove', _this._delayedDragTouchMoveHandler);
+                        options.supportPointer && on(ownerDocument, 'pointermove', _this._delayedDragTouchMoveHandler);
+                        _this._dragStartTimer = setTimeout(dragStartFn, options.delay);
+                    } else {
+                        dragStartFn();
+                    }
+                }
+            },
+            _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(
+                /** TouchEvent|PointerEvent **/
+                e) {
+                var touch = e.touches ? e.touches[0] : e;
+
+                if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {
+                    this._disableDelayedDrag();
+                }
+            },
+            _disableDelayedDrag: function _disableDelayedDrag() {
+                dragEl && _disableDraggable(dragEl);
+                clearTimeout(this._dragStartTimer);
+
+                this._disableDelayedDragEvents();
+            },
+            _disableDelayedDragEvents: function _disableDelayedDragEvents() {
+                var ownerDocument = this.el.ownerDocument;
+                off(ownerDocument, 'mouseup', this._disableDelayedDrag);
+                off(ownerDocument, 'touchend', this._disableDelayedDrag);
+                off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
+                off(ownerDocument, 'mousemove', this._delayedDragTouchMoveHandler);
+                off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
+                off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
+            },
+            _triggerDragStart: function _triggerDragStart(
+                /** Event */
+                evt,
+                /** Touch */
+                touch) {
+                touch = touch || evt.pointerType == 'touch' && evt;
+
+                if (!this.nativeDraggable || touch) {
+                    if (this.options.supportPointer) {
+                        on(document, 'pointermove', this._onTouchMove);
+                    } else if (touch) {
+                        on(document, 'touchmove', this._onTouchMove);
+                    } else {
+                        on(document, 'mousemove', this._onTouchMove);
+                    }
+                } else {
+                    on(dragEl, 'dragend', this);
+                    on(rootEl, 'dragstart', this._onDragStart);
+                }
+
+                try {
+                    if (document.selection) {
+                        // Timeout neccessary for IE9
+                        _nextTick(function () {
+                            document.selection.empty();
+                        });
+                    } else {
+                        window.getSelection().removeAllRanges();
+                    }
+                } catch (err) {}
+            },
+            _dragStarted: function _dragStarted(fallback, evt) {
+
+                awaitingDragStarted = false;
+
+                if (rootEl && dragEl) {
+                    pluginEvent('dragStarted', this, {
+                        evt: evt
+                    });
+
+                    if (this.nativeDraggable) {
+                        on(document, 'dragover', _checkOutsideTargetEl);
+                    }
+
+                    var options = this.options; // Apply effect
+
+                    !fallback && toggleClass(dragEl, options.dragClass, false);
+                    toggleClass(dragEl, options.ghostClass, true);
+                    Sortable.active = this;
+                    fallback && this._appendGhost(); // Drag start event
+
+                    _dispatchEvent({
+                        sortable: this,
+                        name: 'start',
+                        originalEvent: evt
+                    });
+                } else {
+                    this._nulling();
+                }
+            },
+            _emulateDragOver: function _emulateDragOver() {
+                if (touchEvt) {
+                    this._lastX = touchEvt.clientX;
+                    this._lastY = touchEvt.clientY;
+
+                    _hideGhostForTarget();
+
+                    var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+                    var parent = target;
+
+                    while (target && target.shadowRoot) {
+                        target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+                        if (target === parent) break;
+                        parent = target;
+                    }
+
+                    dragEl.parentNode[expando]._isOutsideThisEl(target);
+
+                    if (parent) {
+                        do {
+                            if (parent[expando]) {
+                                var inserted = void 0;
+                                inserted = parent[expando]._onDragOver({
+                                    clientX: touchEvt.clientX,
+                                    clientY: touchEvt.clientY,
+                                    target: target,
+                                    rootEl: parent
+                                });
+
+                                if (inserted && !this.options.dragoverBubble) {
+                                    break;
+                                }
+                            }
+
+                            target = parent; // store last element
+                        }
+                            /* jshint boss:true */
+                        while (parent = parent.parentNode);
+                    }
+
+                    _unhideGhostForTarget();
+                }
+            },
+            _onTouchMove: function _onTouchMove(
+                /**TouchEvent*/
+                evt) {
+                if (tapEvt) {
+                    var options = this.options,
+                        fallbackTolerance = options.fallbackTolerance,
+                        fallbackOffset = options.fallbackOffset,
+                        touch = evt.touches ? evt.touches[0] : evt,
+                        ghostMatrix = ghostEl && matrix(ghostEl, true),
+                        scaleX = ghostEl && ghostMatrix && ghostMatrix.a,
+                        scaleY = ghostEl && ghostMatrix && ghostMatrix.d,
+                        relativeScrollOffset = PositionGhostAbsolutely && ghostRelativeParent && getRelativeScrollOffset(ghostRelativeParent),
+                        dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1),
+                        dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1); // only set the status to dragging, when we are actually dragging
+
+                    if (!Sortable.active && !awaitingDragStarted) {
+                        if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) {
+                            return;
+                        }
+
+                        this._onDragStart(evt, true);
+                    }
+
+                    if (ghostEl) {
+                        if (ghostMatrix) {
+                            ghostMatrix.e += dx - (lastDx || 0);
+                            ghostMatrix.f += dy - (lastDy || 0);
+                        } else {
+                            ghostMatrix = {
+                                a: 1,
+                                b: 0,
+                                c: 0,
+                                d: 1,
+                                e: dx,
+                                f: dy
+                            };
+                        }
+
+                        var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
+                        css(ghostEl, 'webkitTransform', cssMatrix);
+                        css(ghostEl, 'mozTransform', cssMatrix);
+                        css(ghostEl, 'msTransform', cssMatrix);
+                        css(ghostEl, 'transform', cssMatrix);
+                        lastDx = dx;
+                        lastDy = dy;
+                        touchEvt = touch;
+                    }
+
+                    evt.cancelable && evt.preventDefault();
+                }
+            },
+            _appendGhost: function _appendGhost() {
+                // Bug if using scale(): https://stackoverflow.com/questions/2637058
+                // Not being adjusted for
+                if (!ghostEl) {
+                    var container = this.options.fallbackOnBody ? document.body : rootEl,
+                        rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
+                        options = this.options; // Position absolutely
+
+                    if (PositionGhostAbsolutely) {
+                        // Get relatively positioned parent
+                        ghostRelativeParent = container;
+
+                        while (css(ghostRelativeParent, 'position') === 'static' && css(ghostRelativeParent, 'transform') === 'none' && ghostRelativeParent !== document) {
+                            ghostRelativeParent = ghostRelativeParent.parentNode;
+                        }
+
+                        if (ghostRelativeParent !== document.body && ghostRelativeParent !== document.documentElement) {
+                            if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement();
+                            rect.top += ghostRelativeParent.scrollTop;
+                            rect.left += ghostRelativeParent.scrollLeft;
+                        } else {
+                            ghostRelativeParent = getWindowScrollingElement();
+                        }
+
+                        ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent);
+                    }
+
+                    ghostEl = dragEl.cloneNode(true);
+                    toggleClass(ghostEl, options.ghostClass, false);
+                    toggleClass(ghostEl, options.fallbackClass, true);
+                    toggleClass(ghostEl, options.dragClass, true);
+                    css(ghostEl, 'transition', '');
+                    css(ghostEl, 'transform', '');
+                    css(ghostEl, 'box-sizing', 'border-box');
+                    css(ghostEl, 'margin', 0);
+                    css(ghostEl, 'top', rect.top);
+                    css(ghostEl, 'left', rect.left);
+                    css(ghostEl, 'width', rect.width);
+                    css(ghostEl, 'height', rect.height);
+                    css(ghostEl, 'opacity', '0.8');
+                    css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');
+                    css(ghostEl, 'zIndex', '100000');
+                    css(ghostEl, 'pointerEvents', 'none');
+                    Sortable.ghost = ghostEl;
+                    container.appendChild(ghostEl); // Set transform-origin
+
+                    css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
+                }
+            },
+            _onDragStart: function _onDragStart(
+                /**Event*/
+                evt,
+                /**boolean*/
+                fallback) {
+                var _this = this;
+
+                var dataTransfer = evt.dataTransfer;
+                var options = _this.options;
+                pluginEvent('dragStart', this, {
+                    evt: evt
+                });
+
+                if (Sortable.eventCanceled) {
+                    this._onDrop();
+
+                    return;
+                }
+
+                pluginEvent('setupClone', this);
+
+                if (!Sortable.eventCanceled) {
+                    cloneEl = clone(dragEl);
+                    cloneEl.draggable = false;
+                    cloneEl.style['will-change'] = '';
+
+                    this._hideClone();
+
+                    toggleClass(cloneEl, this.options.chosenClass, false);
+                    Sortable.clone = cloneEl;
+                } // #1143: IFrame support workaround
+
+
+                _this.cloneId = _nextTick(function () {
+                    pluginEvent('clone', _this);
+                    if (Sortable.eventCanceled) return;
+
+                    if (!_this.options.removeCloneOnHide) {
+                        rootEl.insertBefore(cloneEl, dragEl);
+                    }
+
+                    _this._hideClone();
+
+                    _dispatchEvent({
+                        sortable: _this,
+                        name: 'clone'
+                    });
+                });
+                !fallback && toggleClass(dragEl, options.dragClass, true); // Set proper drop events
+
+                if (fallback) {
+                    ignoreNextClick = true;
+                    _this._loopId = setInterval(_this._emulateDragOver, 50);
+                } else {
+                    // Undo what was set in _prepareDragStart before drag started
+                    off(document, 'mouseup', _this._onDrop);
+                    off(document, 'touchend', _this._onDrop);
+                    off(document, 'touchcancel', _this._onDrop);
+
+                    if (dataTransfer) {
+                        dataTransfer.effectAllowed = 'move';
+                        options.setData && options.setData.call(_this, dataTransfer, dragEl);
+                    }
+
+                    on(document, 'drop', _this); // #1276 fix:
+
+                    css(dragEl, 'transform', 'translateZ(0)');
+                }
+
+                awaitingDragStarted = true;
+                _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));
+                on(document, 'selectstart', _this);
+                moved = true;
+
+                if (Safari) {
+                    css(document.body, 'user-select', 'none');
+                }
+            },
+            // Returns true - if no further action is needed (either inserted or another condition)
+            _onDragOver: function _onDragOver(
+                /**Event*/
+                evt) {
+                var el = this.el,
+                    target = evt.target,
+                    dragRect,
+                    targetRect,
+                    revert,
+                    options = this.options,
+                    group = options.group,
+                    activeSortable = Sortable.active,
+                    isOwner = activeGroup === group,
+                    canSort = options.sort,
+                    fromSortable = putSortable || activeSortable,
+                    vertical,
+                    _this = this,
+                    completedFired = false;
+
+                if (_silent) return;
+
+                function dragOverEvent(name, extra) {
+                    pluginEvent(name, _this, _objectSpread({
+                        evt: evt,
+                        isOwner: isOwner,
+                        axis: vertical ? 'vertical' : 'horizontal',
+                        revert: revert,
+                        dragRect: dragRect,
+                        targetRect: targetRect,
+                        canSort: canSort,
+                        fromSortable: fromSortable,
+                        target: target,
+                        completed: completed,
+                        onMove: function onMove(target, after) {
+                            return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
+                        },
+                        changed: changed
+                    }, extra));
+                } // Capture animation state
+
+
+                function capture() {
+                    dragOverEvent('dragOverAnimationCapture');
+
+                    _this.captureAnimationState();
+
+                    if (_this !== fromSortable) {
+                        fromSortable.captureAnimationState();
+                    }
+                } // Return invocation when dragEl is inserted (or completed)
+
+
+                function completed(insertion) {
+                    dragOverEvent('dragOverCompleted', {
+                        insertion: insertion
+                    });
+
+                    if (insertion) {
+                        // Clones must be hidden before folding animation to capture dragRectAbsolute properly
+                        if (isOwner) {
+                            activeSortable._hideClone();
+                        } else {
+                            activeSortable._showClone(_this);
+                        }
+
+                        if (_this !== fromSortable) {
+                            // Set ghost class to new sortable's ghost class
+                            toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false);
+                            toggleClass(dragEl, options.ghostClass, true);
+                        }
+
+                        if (putSortable !== _this && _this !== Sortable.active) {
+                            putSortable = _this;
+                        } else if (_this === Sortable.active && putSortable) {
+                            putSortable = null;
+                        } // Animation
+
+
+                        if (fromSortable === _this) {
+                            _this._ignoreWhileAnimating = target;
+                        }
+
+                        _this.animateAll(function () {
+                            dragOverEvent('dragOverAnimationComplete');
+                            _this._ignoreWhileAnimating = null;
+                        });
+
+                        if (_this !== fromSortable) {
+                            fromSortable.animateAll();
+                            fromSortable._ignoreWhileAnimating = null;
+                        }
+                    } // Null lastTarget if it is not inside a previously swapped element
+
+
+                    if (target === dragEl && !dragEl.animated || target === el && !target.animated) {
+                        lastTarget = null;
+                    } // no bubbling and not fallback
+
+
+                    if (!options.dragoverBubble && !evt.rootEl && target !== document) {
+                        dragEl.parentNode[expando]._isOutsideThisEl(evt.target); // Do not detect for empty insert if already inserted
+
+
+                        !insertion && nearestEmptyInsertDetectEvent(evt);
+                    }
+
+                    !options.dragoverBubble && evt.stopPropagation && evt.stopPropagation();
+                    return completedFired = true;
+                } // Call when dragEl has been inserted
+
+
+                function changed() {
+                    newIndex = index(dragEl);
+                    newDraggableIndex = index(dragEl, options.draggable);
+
+                    _dispatchEvent({
+                        sortable: _this,
+                        name: 'change',
+                        toEl: el,
+                        newIndex: newIndex,
+                        newDraggableIndex: newDraggableIndex,
+                        originalEvent: evt
+                    });
+                }
+
+                if (evt.preventDefault !== void 0) {
+                    evt.cancelable && evt.preventDefault();
+                }
+
+                target = closest(target, options.draggable, el, true);
+                dragOverEvent('dragOver');
+                if (Sortable.eventCanceled) return completedFired;
+
+                if (dragEl.contains(evt.target) || target.animated && target.animatingX && target.animatingY || _this._ignoreWhileAnimating === target) {
+                    return completed(false);
+                }
+
+                ignoreNextClick = false;
+
+                if (activeSortable && !options.disabled && (isOwner ? canSort || (revert = !rootEl.contains(dragEl)) // Reverting item into the original list
+                    : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && group.checkPut(this, activeSortable, dragEl, evt))) {
+                    vertical = this._getDirection(evt, target) === 'vertical';
+                    dragRect = getRect(dragEl);
+                    dragOverEvent('dragOverValid');
+                    if (Sortable.eventCanceled) return completedFired;
+
+                    if (revert) {
+                        parentEl = rootEl; // actualization
+
+                        capture();
+
+                        this._hideClone();
+
+                        dragOverEvent('revert');
+
+                        if (!Sortable.eventCanceled) {
+                            if (nextEl) {
+                                rootEl.insertBefore(dragEl, nextEl);
+                            } else {
+                                rootEl.appendChild(dragEl);
+                            }
+                        }
+
+                        return completed(true);
+                    }
+
+                    var elLastChild = lastChild(el, options.draggable);
+
+                    if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
+                        // If already at end of list: Do not insert
+                        if (elLastChild === dragEl) {
+                            return completed(false);
+                        } // assign target only if condition is true
+
+
+                        if (elLastChild && el === evt.target) {
+                            target = elLastChild;
+                        }
+
+                        if (target) {
+                            targetRect = getRect(target);
+                        }
+
+                        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
+                            capture();
+                            el.appendChild(dragEl);
+                            parentEl = el; // actualization
+
+                            changed();
+                            return completed(true);
+                        }
+                    } else if (target.parentNode === el) {
+                        targetRect = getRect(target);
+                        var direction = 0,
+                            targetBeforeFirstSwap,
+                            differentLevel = dragEl.parentNode !== el,
+                            differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
+                            side1 = vertical ? 'top' : 'left',
+                            scrolledPastTop = isScrolledPast(target, 'top', 'top') || isScrolledPast(dragEl, 'top', 'top'),
+                            scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0;
+
+                        if (lastTarget !== target) {
+                            targetBeforeFirstSwap = targetRect[side1];
+                            pastFirstInvertThresh = false;
+                            isCircumstantialInvert = !differentRowCol && options.invertSwap || differentLevel;
+                        }
+
+                        direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
+                        var sibling;
+
+                        if (direction !== 0) {
+                            // Check if target is beside dragEl in respective direction (ignoring hidden elements)
+                            var dragIndex = index(dragEl);
+
+                            do {
+                                dragIndex -= direction;
+                                sibling = parentEl.children[dragIndex];
+                            } while (sibling && (css(sibling, 'display') === 'none' || sibling === ghostEl));
+                        } // If dragEl is already beside target: Do not insert
+
+
+                        if (direction === 0 || sibling === target) {
+                            return completed(false);
+                        }
+
+                        lastTarget = target;
+                        lastDirection = direction;
+                        var nextSibling = target.nextElementSibling,
+                            after = false;
+                        after = direction === 1;
+
+                        var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
+
+                        if (moveVector !== false) {
+                            if (moveVector === 1 || moveVector === -1) {
+                                after = moveVector === 1;
+                            }
+
+                            _silent = true;
+                            setTimeout(_unsilent, 30);
+                            capture();
+
+                            if (after && !nextSibling) {
+                                el.appendChild(dragEl);
+                            } else {
+                                target.parentNode.insertBefore(dragEl, after ? nextSibling : target);
+                            } // Undo chrome's scroll adjustment (has no effect on other browsers)
+
+
+                            if (scrolledPastTop) {
+                                scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop);
+                            }
+
+                            parentEl = dragEl.parentNode; // actualization
+                            // must be done before animation
+
+                            if (targetBeforeFirstSwap !== undefined && !isCircumstantialInvert) {
+                                targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]);
+                            }
+
+                            changed();
+                            return completed(true);
+                        }
+                    }
+
+                    if (el.contains(dragEl)) {
+                        return completed(false);
+                    }
+                }
+
+                return false;
+            },
+            _ignoreWhileAnimating: null,
+            _offMoveEvents: function _offMoveEvents() {
+                off(document, 'mousemove', this._onTouchMove);
+                off(document, 'touchmove', this._onTouchMove);
+                off(document, 'pointermove', this._onTouchMove);
+                off(document, 'dragover', nearestEmptyInsertDetectEvent);
+                off(document, 'mousemove', nearestEmptyInsertDetectEvent);
+                off(document, 'touchmove', nearestEmptyInsertDetectEvent);
+            },
+            _offUpEvents: function _offUpEvents() {
+                var ownerDocument = this.el.ownerDocument;
+                off(ownerDocument, 'mouseup', this._onDrop);
+                off(ownerDocument, 'touchend', this._onDrop);
+                off(ownerDocument, 'pointerup', this._onDrop);
+                off(ownerDocument, 'touchcancel', this._onDrop);
+                off(document, 'selectstart', this);
+            },
+            _onDrop: function _onDrop(
+                /**Event*/
+                evt) {
+                var el = this.el,
+                    options = this.options; // Get the index of the dragged element within its parent
+
+                newIndex = index(dragEl);
+                newDraggableIndex = index(dragEl, options.draggable);
+                pluginEvent('drop', this, {
+                    evt: evt
+                });
+                parentEl = dragEl && dragEl.parentNode; // Get again after plugin event
+
+                newIndex = index(dragEl);
+                newDraggableIndex = index(dragEl, options.draggable);
+
+                if (Sortable.eventCanceled) {
+                    this._nulling();
+
+                    return;
+                }
+
+                awaitingDragStarted = false;
+                isCircumstantialInvert = false;
+                pastFirstInvertThresh = false;
+                clearInterval(this._loopId);
+                clearTimeout(this._dragStartTimer);
+
+                _cancelNextTick(this.cloneId);
+
+                _cancelNextTick(this._dragStartId); // Unbind events
+
+
+                if (this.nativeDraggable) {
+                    off(document, 'drop', this);
+                    off(el, 'dragstart', this._onDragStart);
+                }
+
+                this._offMoveEvents();
+
+                this._offUpEvents();
+
+                if (Safari) {
+                    css(document.body, 'user-select', '');
+                }
+
+                css(dragEl, 'transform', '');
+
+                if (evt) {
+                    if (moved) {
+                        evt.cancelable && evt.preventDefault();
+                        !options.dropBubble && evt.stopPropagation();
+                    }
+
+                    ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl);
+
+                    if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
+                        // Remove clone(s)
+                        cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl);
+                    }
+
+                    if (dragEl) {
+                        if (this.nativeDraggable) {
+                            off(dragEl, 'dragend', this);
+                        }
+
+                        _disableDraggable(dragEl);
+
+                        dragEl.style['will-change'] = ''; // Remove classes
+                        // ghostClass is added in dragStarted
+
+                        if (moved && !awaitingDragStarted) {
+                            toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false);
+                        }
+
+                        toggleClass(dragEl, this.options.chosenClass, false); // Drag stop event
+
+                        _dispatchEvent({
+                            sortable: this,
+                            name: 'unchoose',
+                            toEl: parentEl,
+                            newIndex: null,
+                            newDraggableIndex: null,
+                            originalEvent: evt
+                        });
+
+                        if (rootEl !== parentEl) {
+                            if (newIndex >= 0) {
+                                // Add event
+                                _dispatchEvent({
+                                    rootEl: parentEl,
+                                    name: 'add',
+                                    toEl: parentEl,
+                                    fromEl: rootEl,
+                                    originalEvent: evt
+                                }); // Remove event
+
+
+                                _dispatchEvent({
+                                    sortable: this,
+                                    name: 'remove',
+                                    toEl: parentEl,
+                                    originalEvent: evt
+                                }); // drag from one list and drop into another
+
+
+                                _dispatchEvent({
+                                    rootEl: parentEl,
+                                    name: 'sort',
+                                    toEl: parentEl,
+                                    fromEl: rootEl,
+                                    originalEvent: evt
+                                });
+
+                                _dispatchEvent({
+                                    sortable: this,
+                                    name: 'sort',
+                                    toEl: parentEl,
+                                    originalEvent: evt
+                                });
+                            }
+
+                            putSortable && putSortable.save();
+                        } else {
+                            if (newIndex !== oldIndex) {
+                                if (newIndex >= 0) {
+                                    // drag & drop within the same list
+                                    _dispatchEvent({
+                                        sortable: this,
+                                        name: 'update',
+                                        toEl: parentEl,
+                                        originalEvent: evt
+                                    });
+
+                                    _dispatchEvent({
+                                        sortable: this,
+                                        name: 'sort',
+                                        toEl: parentEl,
+                                        originalEvent: evt
+                                    });
+                                }
+                            }
+                        }
+
+                        if (Sortable.active) {
+                            /* jshint eqnull:true */
+                            if (newIndex == null || newIndex === -1) {
+                                newIndex = oldIndex;
+                                newDraggableIndex = oldDraggableIndex;
+                            }
+
+                            _dispatchEvent({
+                                sortable: this,
+                                name: 'end',
+                                toEl: parentEl,
+                                originalEvent: evt
+                            }); // Save sorting
+
+
+                            this.save();
+                        }
+                    }
+                }
+
+                this._nulling();
+            },
+            _nulling: function _nulling() {
+                pluginEvent('nulling', this);
+                rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
+                savedInputChecked.forEach(function (el) {
+                    el.checked = true;
+                });
+                savedInputChecked.length = lastDx = lastDy = 0;
+            },
+            handleEvent: function handleEvent(
+                /**Event*/
+                evt) {
+                switch (evt.type) {
+                    case 'drop':
+                    case 'dragend':
+                        this._onDrop(evt);
+
+                        break;
+
+                    case 'dragenter':
+                    case 'dragover':
+                        if (dragEl) {
+                            this._onDragOver(evt);
+
+                            _globalDragOver(evt);
+                        }
+
+                        break;
+
+                    case 'selectstart':
+                        evt.preventDefault();
+                        break;
+                }
+            },
+
+            /**
+             * Serializes the item into an array of string.
+             * @returns {String[]}
+             */
+            toArray: function toArray() {
+                var order = [],
+                    el,
+                    children = this.el.children,
+                    i = 0,
+                    n = children.length,
+                    options = this.options;
+
+                for (; i < n; i++) {
+                    el = children[i];
+
+                    if (closest(el, options.draggable, this.el, false)) {
+                        order.push(el.getAttribute(options.dataIdAttr) || _generateId(el));
+                    }
+                }
+
+                return order;
+            },
+
+            /**
+             * Sorts the elements according to the array.
+             * @param  {String[]}  order  order of the items
+             */
+            sort: function sort(order, useAnimation) {
+                var items = {},
+                    rootEl = this.el;
+                this.toArray().forEach(function (id, i) {
+                    var el = rootEl.children[i];
+
+                    if (closest(el, this.options.draggable, rootEl, false)) {
+                        items[id] = el;
+                    }
+                }, this);
+                useAnimation && this.captureAnimationState();
+                order.forEach(function (id) {
+                    if (items[id]) {
+                        rootEl.removeChild(items[id]);
+                        rootEl.appendChild(items[id]);
+                    }
+                });
+                useAnimation && this.animateAll();
+            },
+
+            /**
+             * Save the current sorting
+             */
+            save: function save() {
+                var store = this.options.store;
+                store && store.set && store.set(this);
+            },
+
+            /**
+             * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+             * @param   {HTMLElement}  el
+             * @param   {String}       [selector]  default: `options.draggable`
+             * @returns {HTMLElement|null}
+             */
+            closest: function closest$1(el, selector) {
+                return closest(el, selector || this.options.draggable, this.el, false);
+            },
+
+            /**
+             * Set/get option
+             * @param   {string} name
+             * @param   {*}      [value]
+             * @returns {*}
+             */
+            option: function option(name, value) {
+                var options = this.options;
+
+                if (value === void 0) {
+                    return options[name];
+                } else {
+                    var modifiedValue = PluginManager.modifyOption(this, name, value);
+
+                    if (typeof modifiedValue !== 'undefined') {
+                        options[name] = modifiedValue;
+                    } else {
+                        options[name] = value;
+                    }
+
+                    if (name === 'group') {
+                        _prepareGroup(options);
+                    }
+                }
+            },
+
+            /**
+             * Destroy
+             */
+            destroy: function destroy() {
+                pluginEvent('destroy', this);
+                var el = this.el;
+                el[expando] = null;
+                off(el, 'mousedown', this._onTapStart);
+                off(el, 'touchstart', this._onTapStart);
+                off(el, 'pointerdown', this._onTapStart);
+
+                if (this.nativeDraggable) {
+                    off(el, 'dragover', this);
+                    off(el, 'dragenter', this);
+                } // Remove draggable attributes
+
+
+                Array.prototype.forEach.call(el.querySelectorAll('[draggable]'), function (el) {
+                    el.removeAttribute('draggable');
+                });
+
+                this._onDrop();
+
+                this._disableDelayedDragEvents();
+
+                sortables.splice(sortables.indexOf(this.el), 1);
+                this.el = el = null;
+            },
+            _hideClone: function _hideClone() {
+                if (!cloneHidden) {
+                    pluginEvent('hideClone', this);
+                    if (Sortable.eventCanceled) return;
+                    css(cloneEl, 'display', 'none');
+
+                    if (this.options.removeCloneOnHide && cloneEl.parentNode) {
+                        cloneEl.parentNode.removeChild(cloneEl);
+                    }
+
+                    cloneHidden = true;
+                }
+            },
+            _showClone: function _showClone(putSortable) {
+                if (putSortable.lastPutMode !== 'clone') {
+                    this._hideClone();
+
+                    return;
+                }
+
+                if (cloneHidden) {
+                    pluginEvent('showClone', this);
+                    if (Sortable.eventCanceled) return; // show clone at dragEl or original position
+
+                    if (dragEl.parentNode == rootEl && !this.options.group.revertClone) {
+                        rootEl.insertBefore(cloneEl, dragEl);
+                    } else if (nextEl) {
+                        rootEl.insertBefore(cloneEl, nextEl);
+                    } else {
+                        rootEl.appendChild(cloneEl);
+                    }
+
+                    if (this.options.group.revertClone) {
+                        this.animate(dragEl, cloneEl);
+                    }
+
+                    css(cloneEl, 'display', '');
+                    cloneHidden = false;
+                }
+            }
+        };
+
+    function _globalDragOver(
+        /**Event*/
+        evt) {
+        if (evt.dataTransfer) {
+            evt.dataTransfer.dropEffect = 'move';
+        }
+
+        evt.cancelable && evt.preventDefault();
+    }
+
+    function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
+        var evt,
+            sortable = fromEl[expando],
+            onMoveFn = sortable.options.onMove,
+            retVal; // Support for new CustomEvent feature
+
+        if (window.CustomEvent && !IE11OrLess && !Edge) {
+            evt = new CustomEvent('move', {
+                bubbles: true,
+                cancelable: true
+            });
+        } else {
+            evt = document.createEvent('Event');
+            evt.initEvent('move', true, true);
+        }
+
+        evt.to = toEl;
+        evt.from = fromEl;
+        evt.dragged = dragEl;
+        evt.draggedRect = dragRect;
+        evt.related = targetEl || toEl;
+        evt.relatedRect = targetRect || getRect(toEl);
+        evt.willInsertAfter = willInsertAfter;
+        evt.originalEvent = originalEvent;
+        fromEl.dispatchEvent(evt);
+
+        if (onMoveFn) {
+            retVal = onMoveFn.call(sortable, evt, originalEvent);
+        }
+
+        return retVal;
+    }
+
+    function _disableDraggable(el) {
+        el.draggable = false;
+    }
+
+    function _unsilent() {
+        _silent = false;
+    }
+
+    function _ghostIsLast(evt, vertical, sortable) {
+        var rect = getRect(lastChild(sortable.el, sortable.options.draggable));
+        var spacer = 10;
+        return vertical ? evt.clientX > rect.right + spacer || evt.clientX <= rect.right && evt.clientY > rect.bottom && evt.clientX >= rect.left : evt.clientX > rect.right && evt.clientY > rect.top || evt.clientX <= rect.right && evt.clientY > rect.bottom + spacer;
+    }
+
+    function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
+        var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
+            targetLength = vertical ? targetRect.height : targetRect.width,
+            targetS1 = vertical ? targetRect.top : targetRect.left,
+            targetS2 = vertical ? targetRect.bottom : targetRect.right,
+            invert = false;
+
+        if (!invertSwap) {
+            // Never invert or create dragEl shadow when target movemenet causes mouse to move past the end of regular swapThreshold
+            if (isLastTarget && targetMoveDistance < targetLength * swapThreshold) {
+                // multiplied only by swapThreshold because mouse will already be inside target by (1 - threshold) * targetLength / 2
+                // check if past first invert threshold on side opposite of lastDirection
+                if (!pastFirstInvertThresh && (lastDirection === 1 ? mouseOnAxis > targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis < targetS2 - targetLength * invertedSwapThreshold / 2)) {
+                    // past first invert threshold, do not restrict inverted threshold to dragEl shadow
+                    pastFirstInvertThresh = true;
+                }
+
+                if (!pastFirstInvertThresh) {
+                    // dragEl shadow (target move distance shadow)
+                    if (lastDirection === 1 ? mouseOnAxis < targetS1 + targetMoveDistance // over dragEl shadow
+                        : mouseOnAxis > targetS2 - targetMoveDistance) {
+                        return -lastDirection;
+                    }
+                } else {
+                    invert = true;
+                }
+            } else {
+                // Regular
+                if (mouseOnAxis > targetS1 + targetLength * (1 - swapThreshold) / 2 && mouseOnAxis < targetS2 - targetLength * (1 - swapThreshold) / 2) {
+                    return _getInsertDirection(target);
+                }
+            }
+        }
+
+        invert = invert || invertSwap;
+
+        if (invert) {
+            // Invert of regular
+            if (mouseOnAxis < targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis > targetS2 - targetLength * invertedSwapThreshold / 2) {
+                return mouseOnAxis > targetS1 + targetLength / 2 ? 1 : -1;
+            }
+        }
+
+        return 0;
+    }
+    /**
+     * Gets the direction dragEl must be swapped relative to target in order to make it
+     * seem that dragEl has been "inserted" into that element's position
+     * @param  {HTMLElement} target       The target whose position dragEl is being inserted at
+     * @return {Number}                   Direction dragEl must be swapped
+     */
+
+
+    function _getInsertDirection(target) {
+        if (index(dragEl) < index(target)) {
+            return 1;
+        } else {
+            return -1;
+        }
+    }
+    /**
+     * Generate id
+     * @param   {HTMLElement} el
+     * @returns {String}
+     * @private
+     */
+
+
+    function _generateId(el) {
+        var str = el.tagName + el.className + el.src + el.href + el.textContent,
+            i = str.length,
+            sum = 0;
+
+        while (i--) {
+            sum += str.charCodeAt(i);
+        }
+
+        return sum.toString(36);
+    }
+
+    function _saveInputCheckedState(root) {
+        savedInputChecked.length = 0;
+        var inputs = root.getElementsByTagName('input');
+        var idx = inputs.length;
+
+        while (idx--) {
+            var el = inputs[idx];
+            el.checked && savedInputChecked.push(el);
+        }
+    }
+
+    function _nextTick(fn) {
+        return setTimeout(fn, 0);
+    }
+
+    function _cancelNextTick(id) {
+        return clearTimeout(id);
+    } // Fixed #973:
+
+
+    if (documentExists) {
+        on(document, 'touchmove', function (evt) {
+            if ((Sortable.active || awaitingDragStarted) && evt.cancelable) {
+                evt.preventDefault();
+            }
+        });
+    } // Export utils
+
+
+    Sortable.utils = {
+        on: on,
+        off: off,
+        css: css,
+        find: find,
+        is: function is(el, selector) {
+            return !!closest(el, selector, el, false);
+        },
+        extend: extend,
+        throttle: throttle,
+        closest: closest,
+        toggleClass: toggleClass,
+        clone: clone,
+        index: index,
+        nextTick: _nextTick,
+        cancelNextTick: _cancelNextTick,
+        detectDirection: _detectDirection,
+        getChild: getChild
+    };
+    /**
+     * Get the Sortable instance of an element
+     * @param  {HTMLElement} element The element
+     * @return {Sortable|undefined}         The instance of Sortable
+     */
+
+    Sortable.get = function (element) {
+        return element[expando];
+    };
+    /**
+     * Mount a plugin to Sortable
+     * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
+     */
+
+
+    Sortable.mount = function () {
+        for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
+            plugins[_key] = arguments[_key];
+        }
+
+        if (plugins[0].constructor === Array) plugins = plugins[0];
+        plugins.forEach(function (plugin) {
+            if (!plugin.prototype || !plugin.prototype.constructor) {
+                throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
+            }
+
+            if (plugin.utils) Sortable.utils = _objectSpread({}, Sortable.utils, plugin.utils);
+            PluginManager.mount(plugin);
+        });
+    };
+    /**
+     * Create sortable instance
+     * @param {HTMLElement}  el
+     * @param {Object}      [options]
+     */
+
+
+    Sortable.create = function (el, options) {
+        return new Sortable(el, options);
+    }; // Export
+
+
+    Sortable.version = version;
+
+    var autoScrolls = [],
+        scrollEl,
+        scrollRootEl,
+        scrolling = false,
+        lastAutoScrollX,
+        lastAutoScrollY,
+        touchEvt$1,
+        pointerElemChangedInterval;
+
+    function AutoScrollPlugin() {
+        function AutoScroll() {
+            this.defaults = {
+                scroll: true,
+                scrollSensitivity: 30,
+                scrollSpeed: 10,
+                bubbleScroll: true
+            }; // Bind all private methods
+
+            for (var fn in this) {
+                if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
+                    this[fn] = this[fn].bind(this);
+                }
+            }
+        }
+
+        AutoScroll.prototype = {
+            dragStarted: function dragStarted(_ref) {
+                var originalEvent = _ref.originalEvent;
+
+                if (this.sortable.nativeDraggable) {
+                    on(document, 'dragover', this._handleAutoScroll);
+                } else {
+                    if (this.options.supportPointer) {
+                        on(document, 'pointermove', this._handleFallbackAutoScroll);
+                    } else if (originalEvent.touches) {
+                        on(document, 'touchmove', this._handleFallbackAutoScroll);
+                    } else {
+                        on(document, 'mousemove', this._handleFallbackAutoScroll);
+                    }
+                }
+            },
+            dragOverCompleted: function dragOverCompleted(_ref2) {
+                var originalEvent = _ref2.originalEvent;
+
+                // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
+                if (!this.options.dragOverBubble && !originalEvent.rootEl) {
+                    this._handleAutoScroll(originalEvent);
+                }
+            },
+            drop: function drop() {
+                if (this.sortable.nativeDraggable) {
+                    off(document, 'dragover', this._handleAutoScroll);
+                } else {
+                    off(document, 'pointermove', this._handleFallbackAutoScroll);
+                    off(document, 'touchmove', this._handleFallbackAutoScroll);
+                    off(document, 'mousemove', this._handleFallbackAutoScroll);
+                }
+
+                clearPointerElemChangedInterval();
+                clearAutoScrolls();
+                cancelThrottle();
+            },
+            nulling: function nulling() {
+                touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
+                autoScrolls.length = 0;
+            },
+            _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
+                this._handleAutoScroll(evt, true);
+            },
+            _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
+                var _this = this;
+
+                var x = (evt.touches ? evt.touches[0] : evt).clientX,
+                    y = (evt.touches ? evt.touches[0] : evt).clientY,
+                    elem = document.elementFromPoint(x, y);
+                touchEvt$1 = evt; // IE does not seem to have native autoscroll,
+                // Edge's autoscroll seems too conditional,
+                // MACOS Safari does not have autoscroll,
+                // Firefox and Chrome are good
+
+                if (fallback || Edge || IE11OrLess || Safari) {
+                    autoScroll(evt, this.options, elem, fallback); // Listener for pointer element change
+
+                    var ogElemScroller = getParentAutoScrollElement(elem, true);
+
+                    if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
+                        pointerElemChangedInterval && clearPointerElemChangedInterval(); // Detect for pointer elem change, emulating native DnD behaviour
+
+                        pointerElemChangedInterval = setInterval(function () {
+                            var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
+
+                            if (newElem !== ogElemScroller) {
+                                ogElemScroller = newElem;
+                                clearAutoScrolls();
+                            }
+
+                            autoScroll(evt, _this.options, newElem, fallback);
+                        }, 10);
+                        lastAutoScrollX = x;
+                        lastAutoScrollY = y;
+                    }
+                } else {
+                    // if DnD is enabled (and browser has good autoscrolling), first autoscroll will already scroll, so get parent autoscroll of first autoscroll
+                    if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {
+                        clearAutoScrolls();
+                        return;
+                    }
+
+                    autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
+                }
+            }
+        };
+        return _extends(AutoScroll, {
+            pluginName: 'scroll',
+            initializeByDefault: true
+        });
+    }
+
+    function clearAutoScrolls() {
+        autoScrolls.forEach(function (autoScroll) {
+            clearInterval(autoScroll.pid);
+        });
+        autoScrolls = [];
+    }
+
+    function clearPointerElemChangedInterval() {
+        clearInterval(pointerElemChangedInterval);
+    }
+
+    var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
+        // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
+        if (!options.scroll) return;
+        var x = (evt.touches ? evt.touches[0] : evt).clientX,
+            y = (evt.touches ? evt.touches[0] : evt).clientY,
+            sens = options.scrollSensitivity,
+            speed = options.scrollSpeed,
+            winScroller = getWindowScrollingElement();
+        var scrollThisInstance = false,
+            scrollCustomFn; // New scroll root, set scrollEl
+
+        if (scrollRootEl !== rootEl) {
+            scrollRootEl = rootEl;
+            clearAutoScrolls();
+            scrollEl = options.scroll;
+            scrollCustomFn = options.scrollFn;
+
+            if (scrollEl === true) {
+                scrollEl = getParentAutoScrollElement(rootEl, true);
+            }
+        }
+
+        var layersOut = 0;
+        var currentParent = scrollEl;
+
+        do {
+            var el = currentParent,
+                rect = getRect(el),
+                top = rect.top,
+                bottom = rect.bottom,
+                left = rect.left,
+                right = rect.right,
+                width = rect.width,
+                height = rect.height,
+                canScrollX = void 0,
+                canScrollY = void 0,
+                scrollWidth = el.scrollWidth,
+                scrollHeight = el.scrollHeight,
+                elCSS = css(el),
+                scrollPosX = el.scrollLeft,
+                scrollPosY = el.scrollTop;
+
+            if (el === winScroller) {
+                canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll' || elCSS.overflowX === 'visible');
+                canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll' || elCSS.overflowY === 'visible');
+            } else {
+                canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll');
+                canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
+            }
+
+            var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
+            var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);
+
+            if (!autoScrolls[layersOut]) {
+                for (var i = 0; i <= layersOut; i++) {
+                    if (!autoScrolls[i]) {
+                        autoScrolls[i] = {};
+                    }
+                }
+            }
+
+            if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) {
+                autoScrolls[layersOut].el = el;
+                autoScrolls[layersOut].vx = vx;
+                autoScrolls[layersOut].vy = vy;
+                clearInterval(autoScrolls[layersOut].pid);
+
+                if (vx != 0 || vy != 0) {
+                    scrollThisInstance = true;
+                    /* jshint loopfunc:true */
+
+                    autoScrolls[layersOut].pid = setInterval(function () {
+                        // emulate drag over during autoscroll (fallback), emulating native DnD behaviour
+                        if (isFallback && this.layer === 0) {
+                            Sortable.active._onTouchMove(touchEvt$1); // To move ghost if it is positioned absolutely
+
+                        }
+
+                        var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
+                        var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
+
+                        if (typeof scrollCustomFn === 'function') {
+                            if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
+                                return;
+                            }
+                        }
+
+                        scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY);
+                    }.bind({
+                        layer: layersOut
+                    }), 24);
+                }
+            }
+
+            layersOut++;
+        } while (options.bubbleScroll && currentParent !== winScroller && (currentParent = getParentAutoScrollElement(currentParent, false)));
+
+        scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not
+    }, 30);
+
+    var drop = function drop(_ref) {
+        var originalEvent = _ref.originalEvent,
+            putSortable = _ref.putSortable,
+            dragEl = _ref.dragEl,
+            activeSortable = _ref.activeSortable,
+            dispatchSortableEvent = _ref.dispatchSortableEvent,
+            hideGhostForTarget = _ref.hideGhostForTarget,
+            unhideGhostForTarget = _ref.unhideGhostForTarget;
+        if (!originalEvent) return;
+        var toSortable = putSortable || activeSortable;
+        hideGhostForTarget();
+        var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
+        var target = document.elementFromPoint(touch.clientX, touch.clientY);
+        unhideGhostForTarget();
+
+        if (toSortable && !toSortable.el.contains(target)) {
+            dispatchSortableEvent('spill');
+            this.onSpill({
+                dragEl: dragEl,
+                putSortable: putSortable
+            });
+        }
+    };
+
+    function Revert() {}
+
+    Revert.prototype = {
+        startIndex: null,
+        dragStart: function dragStart(_ref2) {
+            var oldDraggableIndex = _ref2.oldDraggableIndex;
+            this.startIndex = oldDraggableIndex;
+        },
+        onSpill: function onSpill(_ref3) {
+            var dragEl = _ref3.dragEl,
+                putSortable = _ref3.putSortable;
+            this.sortable.captureAnimationState();
+
+            if (putSortable) {
+                putSortable.captureAnimationState();
+            }
+
+            var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
+
+            if (nextSibling) {
+                this.sortable.el.insertBefore(dragEl, nextSibling);
+            } else {
+                this.sortable.el.appendChild(dragEl);
+            }
+
+            this.sortable.animateAll();
+
+            if (putSortable) {
+                putSortable.animateAll();
+            }
+        },
+        drop: drop
+    };
+
+    _extends(Revert, {
+        pluginName: 'revertOnSpill'
+    });
+
+    function Remove() {}
+
+    Remove.prototype = {
+        onSpill: function onSpill(_ref4) {
+            var dragEl = _ref4.dragEl,
+                putSortable = _ref4.putSortable;
+            var parentSortable = putSortable || this.sortable;
+            parentSortable.captureAnimationState();
+            dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
+            parentSortable.animateAll();
+        },
+        drop: drop
+    };
+
+    _extends(Remove, {
+        pluginName: 'removeOnSpill'
+    });
+
+    var lastSwapEl;
+
+    function SwapPlugin() {
+        function Swap() {
+            this.defaults = {
+                swapClass: 'sortable-swap-highlight'
+            };
+        }
+
+        Swap.prototype = {
+            dragStart: function dragStart(_ref) {
+                var dragEl = _ref.dragEl;
+                lastSwapEl = dragEl;
+            },
+            dragOverValid: function dragOverValid(_ref2) {
+                var completed = _ref2.completed,
+                    target = _ref2.target,
+                    onMove = _ref2.onMove,
+                    activeSortable = _ref2.activeSortable,
+                    changed = _ref2.changed,
+                    cancel = _ref2.cancel;
+                if (!activeSortable.options.swap) return;
+                var el = this.sortable.el,
+                    options = this.options;
+
+                if (target && target !== el) {
+                    var prevSwapEl = lastSwapEl;
+
+                    if (onMove(target) !== false) {
+                        toggleClass(target, options.swapClass, true);
+                        lastSwapEl = target;
+                    } else {
+                        lastSwapEl = null;
+                    }
+
+                    if (prevSwapEl && prevSwapEl !== lastSwapEl) {
+                        toggleClass(prevSwapEl, options.swapClass, false);
+                    }
+                }
+
+                changed();
+                completed(true);
+                cancel();
+            },
+            drop: function drop(_ref3) {
+                var activeSortable = _ref3.activeSortable,
+                    putSortable = _ref3.putSortabl